Svelte ikonu
lineicons:svelte
Svelte ikonu (lineicons:svelte), Lineicons setinden ücretsiz bir SVG ikondur. 24 × 24 ızgara üzerinde çizilmiştir. Lineicons, 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
- Lineicons
- Yazar
- Lineicons
- Lisans
- MIT
- Boyut
- 24 × 24
- Kategori
- Normal
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.096 2.89c2.61-1.69 6.223-.902 8.052 1.756v.003a5.75 5.75 0 0 1 .958 4.307a5.4 5.4 0 0 1-.787 1.996a5.72 5.72 0 0 1 .545 3.608a5.4 5.4 0 0 1-.815 2.046a5.3 5.3 0 0 1-1.561 1.535l-4.582 2.97c-2.603 1.689-6.223.9-8.052-1.757a5.7 5.7 0 0 1-.908-2.055a5.8 5.8 0 0 1-.054-2.252a5.4 5.4 0 0 1 .787-1.997a5.7 5.7 0 0 1-.64-2.614q0-.504.087-1a5.4 5.4 0 0 1 .82-2.044A5.3 5.3 0 0 1 6.51 5.86zM9.731 19.723q.465 0 .917-.118c.33-.09.644-.231.932-.417l4.579-2.967c.372-.239.692-.553.938-.924s.413-.79.491-1.23q.054-.3.053-.605c0-.714-.22-1.41-.628-1.991a3.66 3.66 0 0 0-1.304-1.169A3.6 3.6 0 0 0 13.103 10c-.33.09-.644.23-.931.415l-1.75 1.139a1 1 0 0 1-.283.125q-.135.037-.275.036a1.08 1.08 0 0 1-.9-.478a1.05 1.05 0 0 1-.19-.601q.005-.087.02-.172a1 1 0 0 1 .432-.652l4.587-2.967a1 1 0 0 1 .282-.125q.133-.039.272-.043a1.08 1.08 0 0 1 .9.479c.124.177.19.388.19.604v.09l-.016.172l.17.054a5.9 5.9 0 0 1 1.795.911l.234.174l.086-.267q.07-.213.11-.434q.052-.3.052-.6a3.46 3.46 0 0 0-.62-1.993a3.66 3.66 0 0 0-1.308-1.17a3.63 3.63 0 0 0-2.61-.302c-.33.09-.644.231-.932.417L7.832 7.78a3.2 3.2 0 0 0-.938.925a3.26 3.26 0 0 0-.543 1.828c0 .714.22 1.41.628 1.99a3.66 3.66 0 0 0 1.304 1.169a3.6 3.6 0 0 0 2.605.303c.33-.09.643-.23.931-.415l1.747-1.133q.13-.086.28-.125q.136-.037.276-.036a1.08 1.08 0 0 1 .902.478c.125.175.193.385.194.601a.99.99 0 0 1-.447.829l-4.582 2.983a1 1 0 0 1-.558.161a1.08 1.08 0 0 1-.9-.488a1.05 1.05 0 0 1-.19-.602v-.09l.017-.172l-.17-.053a5.9 5.9 0 0 1-1.795-.911l-.234-.18l-.087.266a3 3 0 0 0-.11.435a3.46 3.46 0 0 0 .577 2.59c.334.49.782.892 1.303 1.17s1.1.422 1.689.421" clip-rule="evenodd"/></svg>
Svelte ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="lineicons:svelte" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lineicons:svelte" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lineicons:svelte" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--svelte]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:svelte"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lineicons:svelte"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/lineicons/svelte.svg" alt="Svelte ikonu" width="24" height="24">
Diğer ikon setlerinde Svelte ikonu
Svelte ikonu: sık sorulan sorular
Svelte ikonu ticari kullanım için ücretsiz mi?
Evet. Lineicons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Svelte ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="lineicons:svelte" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Svelte 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/lineicons/svelte.svg" alt="Svelte ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Lineicons →
ICONYZ
