Status Circle Ring ikonu
fluent-mdl2:status-circle-ring
Status Circle Ring ikonu (fluent-mdl2:status-circle-ring), Fluent UI MDL2 setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 2048 × 2048 ızgara üzerinde çizilmiştir. Fluent UI MDL2 icons, MIT 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
- Fluent UI MDL2
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 2048 × 2048
- Etiketler
- statuscircle, circlering, statuscirclering
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M960 256q115 0 221 29t199 84t168 130t130 168t84 199t30 222q0 115-29 221t-84 199t-130 168t-168 130t-199 84t-222 30q-115 0-221-29t-199-84t-168-130t-130-168t-84-199t-30-222q0-115 29-221t84-199t130-168t168-130t199-84t222-30m0 1536q97 0 187-25t168-71t142-110t111-143t71-168t25-187q0-97-25-187t-71-168t-110-142t-143-111t-168-71t-187-25q-97 0-187 25t-168 71t-142 110t-111 143t-71 168t-25 187q0 97 25 187t71 168t110 142t143 111t168 71t187 25"/></svg>
Status Circle Ring ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:status-circle-ring" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:status-circle-ring" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:status-circle-ring" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--status-circle-ring]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:status-circle-ring"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:status-circle-ring"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/status-circle-ring.svg" alt="Status Circle Ring ikonu" width="24" height="24">
Fluent UI MDL2 setindeki benzer ikonlar
Status Circle Ring ikonu: sık sorulan sorular
Status Circle Ring ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Status Circle Ring ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-mdl2:status-circle-ring" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Status Circle Ring 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/fluent-mdl2/status-circle-ring.svg" alt="Status Circle Ring ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Fluent UI MDL2 ikonları →
