Progress Activity ikonu
material-symbols-light:progress-activity
Progress Activity ikonu (material-symbols-light:progress-activity), Material Symbols Light setinden ücretsiz bir SVG ikondur (yapımcı: Google). 24 × 24 ızgara üzerinde çizilmiştir. Material Symbols Light 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
- Material Symbols Light
- Yazar
- Lisans
- Apache-2.0
- Boyut
- 24 × 24
- Kategori
- Arayüz eylemleri
- Etiketler
- progressactivity, progress activity outline, progress activity rounded, progress activity outline rounded
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.503 20.293q-1.64-.708-2.864-1.932t-1.931-2.864T3 11.995t.71-3.5T5.64 5.64t2.864-1.93Q10.151 3 12 3q.213 0 .356.144t.144.357t-.144.356T12 4Q8.675 4 6.337 6.338T4 12t2.338 5.663T12 20t5.663-2.337T20 12q0-.213.144-.357t.357-.143t.356.144T21 12q0 1.85-.71 3.496q-.711 1.646-1.93 2.865t-2.855 1.929t-3.5.71t-3.502-.707"/></svg>Progress Activity ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:progress-activity" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:progress-activity" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:progress-activity" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--progress-activity]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:progress-activity"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:progress-activity"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/material-symbols-light/progress-activity.svg" alt="Progress Activity ikonu" width="24" height="24">Material Symbols Light setindeki benzer ikonlar
Diğer ikon setlerinde Progress Activity ikonu
Progress Activity ikonu: sık sorulan sorular
Progress Activity ikonu ticari kullanım için ücretsiz mi?
Evet. Material Symbols Light icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Progress Activity ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="material-symbols-light:progress-activity" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Progress Activity 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/material-symbols-light/progress-activity.svg" alt="Progress Activity ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.