Swizzin ikonu
selfhst:swizzin
Swizzin ikonu (selfhst:swizzin), selfh.st/icons setinden ücretsiz bir SVG ikondur (yapımcı: selfh.st). 512 × 512 ızgara üzerinde çizilmiştir. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla 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
- selfh.st/icons
- Yazar
- selfh.st
- Lisans
- CC-BY-4.0
- Boyut
- 512 × 512
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#0c6665" d="M52 2.5c-25.6 11-34.3 53.9-15.6 76.2c5.4 6.4 5.2 5.9 13.9 62.4l2.2 15.1l-7 6.4c-3.9 3.5-12.5 9.2-19.1 12.8l-12.1 6.5v10.6c0 28.2 13.5 32.1 39.1 11.1l6.6-5.4l3.7 9.5c4.2 11 8 12.1 19 5.2c6.3-3.9 6.7-4.8 4.9-10l-2.1-5.7l3.8 4.6c6.4 8.2 9.2 3.3 5.5-9.7c-7.9-26.9-1.8-74.5 11.1-86.6c10.4-9.5 48.9-21.5 55.7-17.2c7.6 4.6 1.5 22.7-16.7 49.5c-27.6 40.8-26.4 52.8 7.1 73.3c23.5 14.4 23.4 14.9-6.1 38.4c-102.7 82.3-132.4 146.3-98.5 212c39.5 76.3 108.9 63.9 148.7-26.5c19.2-43.7 25.1-77.1 27.3-155l1.4-45.1l8.6-7.3c4.7-4.1 20.1-17.5 34.3-30c14.9-13 26.1-21.4 26.5-19.9c10.1 36.2 12.5 40.8 20.7 38.6c9.9-2.6 14.9-8.5 12.2-14.1l-2.5-5l3.9 4.6c6.4 8 9.1 3.4 5.7-9.9c-7.1-27.7-2.3-72.3 9.3-84.7c9.7-10.3 49.9-23.6 57.4-18.9c7.6 4.6 1.5 22.7-16.7 49.6c-27.6 41-26.3 53.3 7.7 73.5c18.2 10.8 21.4 16.6 13 22.8c-130.1 94.8-165.6 187.5-97.4 255c49.8 49.3 106.2 15.8 139.9-83.3c8.9-26.2 15.9-87.1 16.2-138.8l.1-32.1l17.8-15.3c19.8-17.1 19.9-17.5 9.5-32.9c-7.6-11-11.2-11.3-22.6-2.1l-9.3 7.8l-4.2-5.2c-2.2-2.9-8.4-7.8-13.6-10.9c-11.1-6.5-11.3-5.7 4-27c15.5-21.6 15.9-23.9 13.6-64.6c-2-34.6-4.3-43.8-11.1-43.8c-1.6 0-4.5-1.6-6.4-3.5c-6.4-6.4-60.2-3-84.7 5.5c-10.8 3.7-19.8 6.4-20.1 6.1c-.3-.4-1.7-6.9-3.1-14.4C329 12.4 318.9 1.4 302 .7c-30.6-1.3-48.5 51.7-26.2 78.1c4.3 5.2 6 10.8 8.7 29.3c4.2 28.3 5.9 25.3-34.1 59l-30.5 25.7l-4.2-5.4c-2.3-2.8-8.4-7.8-13.6-10.8c-11.6-6.8-11.6-6 1.3-23.4c16.7-22.6 17.3-24.4 17-47c-.7-47-4-65.1-11.9-65.1c-1.6 0-4.5-1.6-6.4-3.5c-6.3-6.3-60.1-3-84.6 5.2c-10.8 3.7-19.8 6.6-20.3 6.6c-.4 0-1.9-6.7-3.3-14.9C91.1 17.9 81.6 4.4 71.1 2.1c-2.9-.6-6.8-1.6-8.6-2c-1.7-.4-6.4.6-10.5 2.4m135.4 40.7c-.7 1.2-10 2-21.6 1.8c-16.2-.2-18.4-.6-10.9-1.8c15.1-2.4 33.9-2.4 32.5 0m239.2 0c-.7 1.2-10 2-21.6 1.8c-17-.3-18.7-.6-9.9-1.8c17-2.3 33-2.3 31.5 0m-250.8 60.5c-.1 11.5-.6 12.7-16.7 35c-26.2 36.5-26.8 48.8-2.8 62.3c6.1 3.5 11.1 6.7 11.1 7.2c0 3-22.7-12.1-27.9-18.6c-8.8-10.9-5.9-20 16.4-51.6l17.3-24.6l-1-12.4c-.8-8.9-.4-12 1.3-10.9c1.3 1 2.3 6.8 2.3 13.6m239.3 0c-.1 11.5-.6 12.7-16.7 35c-25.2 35-26.4 47.6-6.2 60c14.1 8.5 16.2 10.9 4.2 4.6c-28.9-14.9-29-25.9-.9-65.7l17.6-24.9l-1.5-12.1c-1-8.8-.7-11.5 1-10.5c1.4 1 2.5 6.7 2.5 13.6m-128.4 44c-1.6 2.2-8.5 9.1-15.4 15.3l-12.6 11.2l14.7-15.8c14-15 19.6-19.6 13.3-10.7M170.4 304c-4 80.7-15.9 123.2-42.6 150.7C116 467 112.2 467.4 101 458c-41.6-35.6-25.4-91.5 45.1-155.6c26.7-24.4 25.5-24.6 24.3 1.6m239.4 3.1c-4.4 79-16.3 120-42.7 147.5c-11.9 12.3-15.6 12.8-26.9 3.3c-41.4-35.6-25.2-91.6 45.1-155.6c27.2-24.8 26.2-25.1 24.5 4.8"/></svg>Swizzin ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:swizzin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:swizzin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:swizzin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--swizzin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:swizzin"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:swizzin"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/swizzin.svg" alt="Swizzin ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Swizzin ikonu: sık sorulan sorular
Swizzin ikonu ticari kullanım için ücretsiz mi?
Evet. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.
Swizzin ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:swizzin" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Swizzin 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/selfhst/swizzin.svg" alt="Swizzin ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.