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

Noto Emoji (v1) (Iconify)

Customs

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="M121.03 0H7.02C3.24 0 .14 3.09.14 6.88v114.01c0 3.79 3.1 6.88 6.88 6.88h114.01c3.78 0 6.88-3.09 6.88-6.88V6.88c0-3.79-3.1-6.88-6.88-6.88"/><g fill="#818cf8"><path d="M98.61 38.33H66.08a1.66 1.66 0 0 1-1.5-2.37l1.84-3.88h32.56v2.94z"/><path d="M98.69 32.08H69.06c-.19.95-.29 1.93-.29 2.94c0 8.34 6.76 15.1 15.1 15.1s15.1-6.76 15.1-15.1c.01-1.01-.09-1.99-.28-2.94M83.88 19.91c-5.39 0-10.1 2.83-12.78 7.08h25.55c-2.67-4.25-7.39-7.08-12.77-7.08"/><path d="M98.98 26.99H66.42l-2.18-6.08c-.38-1.07.41-2.19 1.54-2.19h33.2zM95.2 54.11H72.3c-5.61 0-10.56 2.81-13.53 7.09l-.01-.01l-19.32 27.7c-1.74 2.49-1.14 5.92 1.35 7.67s5.92 1.14 7.67-1.35l14.48-20.76c.85-1.08 2.2-1.99 3.35-1.99c1.23 0 2.48 1 2.48 2.23V88.9zm9.11 1.28L74.93 94.05h24.05V74.68c0-1.23 1-2.23 2.23-2.23s2.23 1 2.23 2.23v27.59c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V70.6c0-6.85-4.18-12.72-10.13-15.21m-87.48 48.3h8.77V69.12h-8.77a2.67 2.67 0 0 0-2.67 2.67v29.23a2.67 2.67 0 0 0 2.67 2.67m43.33 8.77v-8.77H25.6v8.77a2.67 2.67 0 0 0 2.67 2.67H57.5c1.47 0 2.66-1.2 2.66-2.67"/><path d="M68.77 100.86h30.21v8.2H68.77z"/></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. CustomsIcon.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.