Home/Libraries/Firefox OS Emoji (Iconify)/customs

Firefox OS Emoji (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 512 512"><path fill="#818cf8" d="M509.167 31.832c0-16.316-13.35-29.666-29.666-29.666H29.866c-14.685 0-26.699 12.015-26.699 26.699v452.602c0 14.685 12.015 26.699 26.699 26.699h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#818cf8" d="M479.501 488.082H29.866c-14.684 0-26.699-12.015-26.699-26.699v20.085c0 14.685 12.015 26.699 26.699 26.699h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.35 29.666-29.666 29.666"/><circle cx="367.647" cy="123.181" r="57.31" fill="#818cf8"/><path fill="#818cf8" d="M428.27 208.361c-3.415-6.436-10.177-10.823-17.971-10.823H285.33c-.375 0-.741.036-1.111.056l-.528.027c-.197.016-.396.024-.591.045c-25.045 1.718-44.899 22.628-44.899 48.101c0 56.719-58.853 103.354-59.798 104.094c-8.87 6.869-10.504 19.627-3.647 28.511c4.007 5.191 10.028 7.912 16.116 7.912c4.339 0 8.713-1.383 12.414-4.239c3.087-2.383 75.595-59.237 75.595-136.277c0-4.163 3.387-7.549 7.549-7.549s7.549 3.386 7.549 7.549v112.834c0 1.106.112 2.184.282 3.242v41.339c0 14.542 11.789 26.331 26.331 26.331h94.109c14.542 0 26.331-11.789 26.331-26.331V237.464c0-11.511-4.918-21.87-12.762-29.103"/><path fill="#818cf8" d="M432.521 111.232H308.962a8.51 8.51 0 0 1-8.511-8.511v-5.519a8.51 8.51 0 0 1 8.511-8.511h123.559a8.51 8.51 0 0 1 8.511 8.511v5.519a8.51 8.51 0 0 1-8.511 8.511"/><path fill="#818cf8" d="M424.421 55.494c0-5.611-4.549-10.16-10.16-10.16h-98.924c-5.012 0-8.263 5.285-6.003 9.758l7.234 14.322h-14.115a8.19 8.19 0 0 0-8.19 8.19v6.162a8.19 8.19 0 0 0 8.19 8.19h113.779a8.19 8.19 0 0 0 8.19-8.19v-6.162c0-.067-.008-.131-.01-.197h.01z"/><path fill="#818cf8" d="M256.877 472.502a20.4 20.4 0 0 1-11.987-3.884c-9.178-6.63-11.244-19.444-4.614-28.622l200-276.882c6.63-9.18 19.443-11.244 28.622-4.614c9.178 6.629 11.244 19.444 4.614 28.622l-200 276.882c-4.007 5.549-10.276 8.498-16.635 8.498"/><path fill="#818cf8" d="M113.29 415.672H97.576c-14.695 0-26.608-11.913-26.608-26.608v-71.62c0-14.695 11.913-26.608 26.608-26.608h9.099a6.615 6.615 0 0 1 6.615 6.615zm132.645 6.508v8.697c0 14.976-12.141 27.117-27.117 27.117h-78.41c-14.976 0-27.117-12.141-27.117-27.117v-15.206h126.136a6.51 6.51 0 0 1 6.508 6.509"/></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.