Home/Libraries/Noto Emoji (v1) (Iconify)/comet

Noto Emoji (v1) (Iconify)

Comet

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"><linearGradient id="SVGNJ1uAbBQ" x1="116.145" x2="17.785" y1="10.225" y2="115.27" gradientTransform="matrix(.9948 .035 -.0441 .9944 2.95 -2.27)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity="0"/><stop offset=".157" stop-color="#d3f0f9" stop-opacity=".157"/><stop offset=".365" stop-color="#9fdff3" stop-opacity=".365"/><stop offset=".561" stop-color="#76d2ee" stop-opacity=".561"/><stop offset=".738" stop-color="#58c8ea" stop-opacity=".738"/><stop offset=".89" stop-color="#46c2e8" stop-opacity=".89"/><stop offset="1" stop-color="#40c0e7"/></linearGradient><path fill="url(#SVGNJ1uAbBQ)" d="M28.8 123.12c-7.67 5.38-17.35 6.15-23.57-.86s-4.82-16.55.64-24.32C16.49 82.85 83.8 1.31 83.8 1.31s21.18-3.99 34 11.33s9.01 35.08 9.01 35.08s-82.48 64.52-98.01 75.4"/><linearGradient id="SVGztfCyOIY" x1="112.802" x2="14.276" y1="13.819" y2="117.703" gradientTransform="rotate(2.688 69.059 67.412)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#b388ff"/></linearGradient><path fill="url(#SVGztfCyOIY)" d="M3.7 106.8c6.52-9.74 33.69-41.77 49.65-55.79C69.31 37 74.04 32.55 88.93 21.64c3.5-2.56 14.38-2.51 18.6 2.92c4.73 6.08 3.24 14.42 1.28 17.76c-1.41 2.4-20.34 24.63-32.45 35.35s-50.52 45.07-56.8 48.04c-6.28 2.96-11.61-.81-14.53-3.68c-2.92-2.88-4.11-11.06-1.33-15.23" opacity=".5"/><linearGradient id="SVGfQ0WEeba" x1="83.565" x2="19.712" y1="49.46" y2="112.186" gradientTransform="rotate(2.292 73.55 64.281)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#e0f7fa"/></linearGradient><path fill="url(#SVGfQ0WEeba)" d="M6.93 107.4s29.01-25.87 46.35-39.39c37.44-29.21 20.74-5.81-33.05 52.38c0-.01-10.74 3.77-13.3-12.99"/><path fill="#818cf8" d="M19.54 108.15c3.41 3.84 3.18 9.83-.51 13.38s-9.45 3.31-12.86-.53s-3.18-9.83.51-13.38c3.7-3.55 9.45-3.31 12.86.53"/><g fill="#818cf8"><circle cx="21" cy="116" r="1"/><circle cx="19" cy="102" r="1"/><circle cx="19" cy="92.25" r="1"/><circle cx="11" cy="116" r="1.75"/><circle cx="24" cy="107" r="1.75"/><circle cx="30" cy="97.75" r="1.75"/><circle cx="12.75" cy="108.75" r="1.75"/><circle cx="40.2" cy="103" r="1"/><circle cx="52.5" cy="90.5" r="1.25"/><circle cx="43.25" cy="91" r="1.25"/><circle cx="71.25" cy="63" r="1.25"/><circle cx="52.25" cy="75" r="1.25"/><circle cx="41" cy="75" r="1.25"/><circle cx="107" cy="36.25" r="1.25"/><circle cx="91" cy="35.75" r="1.25"/><circle cx="90.75" cy="48" r="1.25"/><circle cx="63.25" cy="57" r="1.25"/><circle cx="67" cy="84" r="1"/><circle cx="67" cy="72" r="1"/><circle cx="46" cy="64" r="1"/><circle cx="38" cy="67" r="1"/><circle cx="72" cy="42" r="1"/><circle cx="56.5" cy="58.5" r="1.25"/><circle cx="53" cy="56" r="1"/><circle cx="31.75" cy="111.5" r="1"/><circle cx="33" cy="78" r="1"/><circle cx="30" cy="87.09" r="1"/></g></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. CometIcon.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.