Rubber duck icon

Use it

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

<RubberDuckIcon size={24} />

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

<template><RubberDuckIcon :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"><circle cx="13.5" cy="7" r="3.75"/><path d="M11.35 10.07C9 11.25 5.75 11.25 3.5 9.25 3 13.25 5.5 17 11.5 17 17 17 19.75 14.5 19.5 11.5 19.4 10.25 17.5 9.75 15.38 10.25"/><path d="M17.12 6.03C18.75 5.75 20.25 6.25 20.75 7.25 20 8.25 18.5 8.25 17.12 7.97"/><circle cx="13.75" cy="6" r="0.75"/><path d="M8 13C9.5 14.75 12.5 14.75 14 13"/><path d="M3 20.25C4.5 19.25 6 19.25 7.5 20.25S10.5 21.25 12 20.25S15 19.25 16.5 20.25S19.5 21.25 21 20.25"/></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 { RubberDuckIcon } from '@nodo-icons/react-pro/duotone';

<RubberDuckIcon size={24} />

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