Donut icon

Use it

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

<DonutIcon size={24} />

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

<template><DonutIcon :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="12" cy="12" r="9"/><path d="M17.75 12C17.59 12.43 17.21 12.75 17.12 13.17C17.02 13.58 17.22 14.04 17.18 14.49C17.14 14.95 17.15 15.56 16.89 15.9C16.62 16.23 16.02 16.36 15.59 16.5C15.15 16.63 14.66 16.55 14.28 16.73C13.89 16.92 13.66 17.35 13.28 17.61C12.9 17.86 12.43 18.25 12 18.25C11.57 18.25 11.1 17.86 10.72 17.61C10.34 17.35 10.11 16.92 9.72 16.73C9.34 16.55 8.85 16.63 8.41 16.5C7.98 16.36 7.38 16.23 7.11 15.9C6.85 15.56 6.86 14.95 6.82 14.49C6.78 14.04 6.98 13.58 6.88 13.17C6.79 12.75 6.41 12.43 6.25 12C6.09 11.57 5.81 11.03 5.91 10.61C6 10.19 6.49 9.82 6.82 9.51C7.15 9.19 7.63 9.06 7.9 8.73C8.16 8.39 8.18 7.9 8.41 7.5C8.65 7.11 8.9 6.55 9.29 6.37C9.67 6.18 10.27 6.33 10.72 6.39C11.17 6.46 11.57 6.75 12 6.75C12.43 6.75 12.83 6.46 13.28 6.39C13.73 6.33 14.33 6.18 14.71 6.37C15.1 6.55 15.35 7.11 15.59 7.5C15.82 7.9 15.84 8.39 16.1 8.73C16.37 9.06 16.85 9.19 17.18 9.51C17.51 9.82 18 10.19 18.09 10.61C18.19 11.03 17.91 11.57 17.75 12Z"/><circle cx="12" cy="12" r="2.5"/></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 { DonutIcon } from '@nodo-icons/react-pro/duotone';

<DonutIcon size={24} />

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