Home/Libraries/Noto Emoji (Iconify)/harp

Noto Emoji (Iconify)

Harp

License: Apache-2.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><path fill="#818cf8" d="M93.3 23.6c-6.6 1.3-14.5 7.6-20.6-.6c-2.8-3.8-5.6-8.3-9.6-11.7C55.4 4.5 49.2 3 38.7 3.1C18.1 3.4 18 23.4 28.2 27.5l-.9 76.6s-6.6 2.3-5.7 7.6c.5 2.7 1.2 6.7 1.6 8c2.1 8.3 23.5 4.5 26.7.4c3.4-4.4 56.8-71.5 59.2-74.6c6.3-7.8-.1-24.9-15.8-21.9m.3 16.8C92.1 42 45.4 86.3 41.9 89.6c-.1.1-.2 0-.2-.1l-.3-62.9c.6-.2 1.3-.5 1.9-.9c1.1-.7 5.8-.1 8.3 2c2.8 2.4 10.9 9 12.9 10.6c4.9 3.8 14.2 4.5 21.9 1.7c1.7-.6 6.4-2.3 6.4-2.3c1-.5 2.2 1.3.8 2.7"/><defs><path id="SVGguCUMeSu" d="M93.3 23.6c-6.6 1.3-14.5 7.6-20.6-.6c-2.8-3.8-5.6-8.3-9.6-11.7C55.4 4.5 49.2 3 38.7 3.1C18.1 3.4 18 23.4 28.2 27.5l-.9 76.6s-6.6 2.3-5.7 7.6c.5 2.7 1.2 6.7 1.6 8c2.1 8.3 23.5 4.5 26.7.4c3.4-4.4 56.8-71.5 59.2-74.6c6.3-7.8-.1-24.9-15.8-21.9m.3 16.8C92.1 42 45.4 86.3 41.9 89.6c-.1.1-.2 0-.2-.1l-.3-62.9c.6-.2 1.3-.5 1.9-.9c1.1-.7 5.8-.1 8.3 2c2.8 2.4 10.9 9 12.9 10.6c4.9 3.8 14.2 4.5 21.9 1.7c1.7-.6 6.4-2.3 6.4-2.3c1-.5 2.2 1.3.8 2.7"/></defs><clipPath id="SVGJCivRdHU"><use href="#SVGguCUMeSu"/></clipPath><path fill="#818cf8" d="M41.6 101.8s52.7-56 53.8-57.4c1.2-1.3-1.2-1.6-2.3-.5c-1.1 1.2-53.7 53.3-53.7 53.3z" clip-path="url(#SVGJCivRdHU)"/><defs><use href="#SVGguCUMeSu" id="SVGkJUCDexH"/></defs><clipPath id="SVG6a62bceW"><use href="#SVGkJUCDexH"/></clipPath><path fill="#818cf8" d="M34 26.7s-.5 76.8-.5 79c0 2.4-3.6 2.1-4.5 1.4c-1.2-.8-2 .6-1.1 1.5c4.7 4.3 14 .6 13.9-3.4l-.1-15.4s-.3-61.1-.3-63.2c15.3 19.9 20.7 22.6 51.4 11c3.1-1.2 5-1.4 6.6.6c1.2 1.5.9 3.7-.7 5.6c-1.1 1.3-54.8 66.8-56.1 68.4c-2 2.6-16.7 6.4-21-.9c-2.6-4.5-4.9-1.2-5 .1s-.2 14.4-.2 14.4l44 .3l61.5-85.3s-4.1-9.2-19-16.3c-7.5-3.6-14.7 6.3-24.9 2.6c-11.4-4.2-6-23.7-33.8-23.7c-5 0-10.2 1.8-13.3 5.2c-4.6 5.3-4.8 14.7 3.1 18.1" clip-path="url(#SVG6a62bceW)"/><defs/><path fill="#818cf8" d="M46.1 16.8c14.5-1.3 15.8 22.7 35.6 19.3c4-.7 10.2-3 13.2-3.8c2.9-.7 4.6 3.4.8 4.3c-4.4 1-25 9.5-26.4 9.6c-.9.1-27.9-19.8-27.9-19.8s6.8-1.7 4.7-9.6" clip-path="url(#SVG6a62bceW)"/><path fill="#818cf8" d="M49 89.7V12.3c0-.9 2-.9 2 0v77.4c0 .8-2 .8-2 0m10.4-8.6V16c0-.9-2-.9-2 0v65.1c0 .9 2 .8 2 0m7.4-7.6V24.6c0-.9-2-.9-2 0v48.9c.1.8 2 .8 2 0m7.7-8.1V30.8c0-.9-2-.9-2 0v34.6c0 .8 2 .8 2 0m8.2-8.3V33.3c0-.9-2-.9-2 0v23.9c0 .8 2 .7 2-.1m7.9-8.4V31.4c0-.9-2-.9-2 0v17.3c0 .8 2 .8 2 0"/><circle cx="50" cy="11.1" r="2.5" fill="#818cf8"/><circle cx="58.4" cy="15.3" r="2.4" fill="#818cf8"/><circle cx="65.9" cy="23.4" r="2.4" fill="#818cf8"/><circle cx="73.5" cy="30.1" r="2.2" fill="#818cf8"/><circle cx="81.7" cy="32.2" r="2.1" fill="#818cf8"/><circle cx="89.6" cy="30.7" r="2.1" fill="#818cf8"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. HarpIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Noto Emoji (Iconify)

Browse all Noto Emoji (Iconify) icons →

1st-place-medal

2nd-place-medal

3rd-place-medal