ICONYZ
English
Studiomic icon from Firefox OS Emoji

Studiomic icon

fxemoji:studiomic

The Studiomic icon (fxemoji:studiomic) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Firefox OS Emoji
Author
Mozilla
License
Apache-2.0
Size
512 × 512
Category
Objects
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#597B91" 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="#BAC5C6" 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="#BCCACC" 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="#597B91" 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="#FF473E" rx="25.434" ry="25.423"/><path fill="#2B3B47" 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>

How to use the Studiomic icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:studiomic" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:studiomic" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:studiomic" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--studiomic]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:studiomic"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:studiomic"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/studiomic.svg" alt="Studiomic icon" width="24" height="24">

Studiomic icon FAQ

Is the Studiomic icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Studiomic icon in React?

Install @iconify/react and render <Icon icon="fxemoji:studiomic" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Studiomic icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/studiomic.svg" alt="Studiomic icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →