Chameleon icon

Use it

import { ChameleonIcon } from '@nodo-icons/react';

<ChameleonIcon size={24} />

<script setup>
import { ChameleonIcon } from '@nodo-icons/vue';
</script>

<template><ChameleonIcon :size="24" /></template>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9.5 14.25C8.75 13.75 8.5 12.5 8.75 11.25 9.5 8.5 11.5 7 14 6.75L15.75 5l1.25 2.25c1.25.5 2.25 1.5 3.25 3 .3.4.1 1-.4 1.1L17 12.5c-1.25 1.25-3 1.75-5 1.75Z"/><path d="M9.5 14.25C6.5 14.25 4 15 4 17C4.06 17.15 4.18 17.65 4.36 17.9C4.54 18.15 4.8 18.36 5.06 18.48C5.32 18.6 5.64 18.64 5.9 18.62C6.16 18.6 6.44 18.5 6.64 18.36C6.84 18.22 7.01 18.01 7.11 17.81C7.21 17.61 7.25 17.36 7.24 17.16C7.23 16.96 7.15 16.75 7.05 16.59C6.95 16.43 6.79 16.3 6.64 16.23C6.49 16.16 6.3 16.13 6.16 16.14C6.02 16.15 5.83 16.27 5.77 16.29"/><circle cx="16" cy="9.5" r="1.25"/><line x1="3" y1="21" x2="21" y2="21"/><path d="M11.25 14.25V21"/><path d="M15.25 13.5 16.5 21"/></svg>

# .npmrc — your license key in the NODO_LICENSE_KEY env variable
@nodo-icons:registry=https://nodoicons.com/npm/
//nodoicons.com/npm/:_authToken=${NODO_LICENSE_KEY}

npm install @nodo-icons/react-pro

import { ChameleonIcon } from '@nodo-icons/react-pro/duotone';

<ChameleonIcon size={24} />

npm install @nodo-icons/react · Pro: setup with your license key · AI agents: npx @nodo-icons/mcp