Icono Studiomic
fxemoji:studiomic
El icono Studiomic (fxemoji:studiomic) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Firefox OS Emoji
- Autor
- Mozilla
- Licencia
- Apache-2.0
- Tamaño
- 512 × 512
- Categoría
- Objetos
Código SVG
<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>Cómo usar el icono Studiomic
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/studiomic.svg" alt="Icono Studiomic" width="24" height="24">Preguntas frecuentes sobre Icono Studiomic
¿El icono Studiomic es gratis para uso comercial?
Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Studiomic en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:studiomic" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Studiomic a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/studiomic.svg" alt="Icono Studiomic">, o pega el código SVG en línea para darle estilo con CSS.