Studiomic ikonu
fxemoji:studiomic
Studiomic ikonu (fxemoji:studiomic), Firefox OS Emoji setinden ücretsiz bir SVG ikondur (yapımcı: Mozilla). 512 × 512 ızgara üzerinde çizilmiştir. Firefox OS Emoji icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Firefox OS Emoji
- Yazar
- Mozilla
- Lisans
- Apache-2.0
- Boyut
- 512 × 512
- Kategori
- Nesneler
SVG kodu
<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>Studiomic ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:studiomic"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/fxemoji/studiomic.svg" alt="Studiomic ikonu" width="24" height="24">Studiomic ikonu: sık sorulan sorular
Studiomic ikonu ticari kullanım için ücretsiz mi?
Evet. Firefox OS Emoji icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Studiomic ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fxemoji:studiomic" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Studiomic ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/fxemoji/studiomic.svg" alt="Studiomic ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.