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

Firefox OS Emoji (Iconify)

Studiomic

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="M252.802 504.294c-18.883 0-34.191-15.308-34.191-34.19V351.905c0-18.883 15.308-34.19 34.191-34.19s34.19 15.308 34.19 34.19v118.198c0 18.883-15.307 34.191-34.19 34.191"/><path fill="#818cf8" d="M357.675 280.143c0 51.164-41.494 92.641-92.679 92.641h-22.699c-51.185 0-92.679-41.477-92.679-92.641V100.51c0-51.164 41.494-92.641 92.679-92.641h22.699c51.185 0 92.679 41.477 92.679 92.641z"/><path fill="#818cf8" d="M269.288 442.308h-31.284c-78.512 0-142.386-63.851-142.386-142.334v-71.75c0-8.093 6.561-14.653 14.653-14.653s14.653 6.561 14.653 14.653v71.75c0 62.323 50.727 113.027 113.079 113.027h31.284c62.353 0 113.079-50.704 113.079-113.027v-71.75c0-8.093 6.561-14.653 14.653-14.653s14.653 6.561 14.653 14.653v71.75c.002 78.483-63.872 142.334-142.384 142.334"/><path fill="#818cf8" d="M337.444 142.406H168.159a4.884 4.884 0 1 1 0-9.768h169.285a4.885 4.885 0 1 1 0 9.768m-108.955 21.94a4.884 4.884 0 0 0-4.884-4.884H168.16a4.884 4.884 0 1 0 0 9.768h55.445a4.884 4.884 0 0 0 4.884-4.884m-12.61 26.825a4.884 4.884 0 0 0-4.884-4.884H168.16a4.884 4.884 0 1 0 0 9.768h42.835a4.884 4.884 0 0 0 4.884-4.884m12.61 26.825a4.884 4.884 0 0 0-4.884-4.884H168.16a4.884 4.884 0 1 0 0 9.768h55.445a4.884 4.884 0 0 0 4.884-4.884m113.84 0a4.885 4.885 0 0 0-4.885-4.884h-55.445c-2.697 0-4.885 2.187-4.885 4.884s2.188 4.884 4.885 4.884h55.445a4.885 4.885 0 0 0 4.885-4.884m0-53.65a4.885 4.885 0 0 0-4.885-4.884h-55.445c-2.697 0-4.885 2.187-4.885 4.884s2.188 4.884 4.885 4.884h55.445a4.884 4.884 0 0 0 4.885-4.884m0 26.825a4.885 4.885 0 0 0-4.885-4.884h-40.899c-2.697 0-4.885 2.187-4.885 4.884s2.188 4.884 4.885 4.884h40.899a4.884 4.884 0 0 0 4.885-4.884m0 51.961a4.885 4.885 0 0 0-4.885-4.884H168.159a4.884 4.884 0 1 0 0 9.768h169.285a4.884 4.884 0 0 0 4.885-4.884m0-130.496a4.885 4.885 0 0 0-4.885-4.884H168.159a4.884 4.884 0 1 0 0 9.768h169.285a4.883 4.883 0 0 0 4.885-4.884m0 155.883a4.886 4.886 0 0 0-4.885-4.885H168.159a4.885 4.885 0 0 0 0 9.77h169.285a4.886 4.886 0 0 0 4.885-4.885m0 25.387a4.886 4.886 0 0 0-4.885-4.885H168.159a4.885 4.885 0 0 0 0 9.77h169.285a4.885 4.885 0 0 0 4.885-4.885"/><ellipse cx="253.77" cy="192.328" fill="#818cf8" rx="25.434" ry="25.423"/><path fill="#818cf8" d="M197 314.61v46.192c-4-1.922-7-4.048-10-6.368V314.61c0-2.699 2.304-4.887 5-4.887s5 2.188 5 4.887m20-4.887c-2.696 0-5 2.188-5 4.887v53.015c3 1.11 6 2.056 10 2.818V314.61c0-2.699-2.304-4.887-5-4.887m24.5 0c-2.696 0-4.5 2.188-4.5 4.887v57.992c1 .116 3.373.397 5.297.397H246v-58.39c0-2.698-1.804-4.886-4.5-4.886m24.498 0c-2.696 0-4.998 2.188-4.998 4.887V373h3.996c2.074 0 4.004-.291 6.004-.425V314.61c0-2.699-2.302-4.887-5.002-4.887m25.002 0c-2.7 0-5 2.188-5 4.887v55.732c4-.78 7-1.743 10-2.871v-52.86c0-2.7-2.301-4.888-5-4.888m25 0c-2.699 0-5 2.188-5 4.887v45.948c3-1.949 7-4.11 10-6.461V314.61c0-2.699-2.301-4.887-5-4.887M187 26.219v34.356c0 2.696 2.304 4.884 5 4.884s5-2.188 5-4.884V19.852c-4 1.921-7 4.047-10 6.367m25-13.191v47.548c0 2.696 2.304 4.884 5 4.884s5-2.188 5-4.884V10.21c-4 .762-7 1.708-10 2.818M242.297 8c-1.924 0-4.297-.065-5.297.051v52.525c0 2.696 1.804 4.884 4.5 4.884s4.5-2.188 4.5-4.884V8zm22.699 0H261v52.576c0 2.696 2.302 4.884 4.998 4.884c2.699 0 5.002-2.188 5.002-4.884V8.079c-2-.134-3.931-.079-6.004-.079M286 10.312v50.264c0 2.696 2.301 4.884 5 4.884s5-2.188 5-4.884V13.183c-3-1.129-6-2.091-10-2.871m25 9.783v40.481c0 2.696 2.301 4.884 5 4.884s5-2.188 5-4.884v-34.02c-3-2.351-7-4.512-10-6.461"/></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. StudiomicIcon.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.