Loop ikonu
thesvg:loop
Loop ikonu (thesvg:loop), theSVG setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 24 × 24 ızgara üzerinde çizilmiştir. theSVG 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
- theSVG
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 24 × 24
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.371 0 0 5.371 0 12s5.371 12 12 12s12-5.371 12-12c.011-6.629-5.371-12-12-12m.7 22.611C6.837 22.611 2.089 17.863 2.089 12S6.837 1.389 12.7 1.389S23.311 6.137 23.311 12S18.563 22.611 12.7 22.611M7.045 3.413C2.298 6.148.679 12.208 3.413 16.955c2.735 4.737 8.806 6.366 13.542 3.632c4.747-2.735 6.366-8.806 3.632-13.542C17.852 2.297 11.792.678 7.045 3.413m9.823 15.621a8.524 8.524 0 0 1-11.639-3.118A8.524 8.524 0 0 1 8.347 4.277a8.524 8.524 0 0 1 11.639 3.118c2.351 4.069.962 9.287-3.118 11.639M5.229 8.084c-2.166 3.741-.875 8.532 2.866 10.687c3.741 2.166 8.532.875 10.698-2.866s.875-8.532-2.866-10.687c-3.752-2.155-8.543-.875-10.698 2.866m12.842 6.618a6.603 6.603 0 0 1-9.025 2.417c-3.161-1.827-4.244-5.863-2.418-9.025s5.863-4.244 9.025-2.418c3.162 1.817 4.245 5.865 2.418 9.026M6.093 12c0 3.271 2.647 5.918 5.918 5.918s5.918-2.647 5.918-5.918s-2.647-5.918-5.918-5.918A5.915 5.915 0 0 0 6.093 12m10.611-.7c0 2.593-2.1 4.693-4.693 4.693s-4.693-2.1-4.693-4.693s2.1-4.693 4.693-4.693c2.582 0 4.693 2.1 4.693 4.693"/></svg>
Loop ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:loop" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:loop" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:loop" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--loop]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:loop"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:loop"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg/loop.svg" alt="Loop ikonu" width="24" height="24">
theSVG setindeki benzer ikonlar
Diğer ikon setlerinde Loop ikonu
Loop ikonu: sık sorulan sorular
Loop ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Loop ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg:loop" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Loop 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/thesvg/loop.svg" alt="Loop ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: theSVG ikonları →
ICONYZ
