Sunflower icon

Use it

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

<SunflowerIcon size={24} />

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

<template><SunflowerIcon :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="M12.65 3.84L13.09 4.58A0.5 0.5 0 0 0 13.71 4.79L14.51 4.44A0.75 0.75 0 0 1 15.56 5.2L15.48 6.06A0.5 0.5 0 0 0 15.87 6.6L16.71 6.79A0.75 0.75 0 0 1 17.11 8.02L16.54 8.67A0.5 0.5 0 0 0 16.54 9.33L17.11 9.98A0.75 0.75 0 0 1 16.71 11.21L15.87 11.4A0.5 0.5 0 0 0 15.48 11.94L15.56 12.8A0.75 0.75 0 0 1 14.51 13.56L13.71 13.21A0.5 0.5 0 0 0 13.09 13.42L12.65 14.16A0.75 0.75 0 0 1 11.35 14.16L10.91 13.42A0.5 0.5 0 0 0 10.29 13.21L9.49 13.56A0.75 0.75 0 0 1 8.44 12.8L8.52 11.94A0.5 0.5 0 0 0 8.13 11.4L7.29 11.21A0.75 0.75 0 0 1 6.89 9.98L7.46 9.33A0.5 0.5 0 0 0 7.46 8.67L6.89 8.02A0.75 0.75 0 0 1 7.29 6.79L8.13 6.6A0.5 0.5 0 0 0 8.52 6.06L8.44 5.2A0.75 0.75 0 0 1 9.49 4.44L10.29 4.79A0.5 0.5 0 0 0 10.91 4.58L11.35 3.84A0.75 0.75 0 0 1 12.65 3.84Z"/><circle cx="12" cy="9" r="2.5"/><line x1="12" y1="15.5" x2="12" y2="21"/><path d="M12 19c0-2 1.5-3.25 4-3.25 0 2-1.5 3.25-4 3.25Z"/></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 { SunflowerIcon } from '@nodo-icons/react-pro/duotone';

<SunflowerIcon size={24} />

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