Tracearr ikonu
selfhst:tracearr
Tracearr ikonu (selfhst:tracearr), 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"><filter id="SVGqReBxIRF" width="140%" height="140%" x="-20%" y="-20%"><feGaussianBlur result="blur" stdDeviation="1"/><feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge></filter><path fill="#0b1a2e" d="M256 0L36.6 91.4V256c0 128 91.4 219.4 219.4 256c128-36.6 219.4-128 219.4-256V91.4z"/><path fill="#162840" d="M256 36.6L73.1 109.7v128c0 109.7 77.7 187.4 182.9 219.4c105.1-32 182.9-109.7 182.9-219.4v-128z"/><path fill="#18d1e7" d="M359.3 198.4c-2.3 0-4.7-.9-6.5-2.7c-25.9-25.9-60.2-40.2-96.9-40.3c-5 0-9.1-4.1-9.1-9.2c0-5 4.1-9.1 9.1-9.1c41.5.1 80.5 16.3 109.8 45.7c3.6 3.6 3.6 9.4 0 12.9c-1.7 1.8-4 2.7-6.4 2.7" opacity=".6"/><path fill="#18d1e7" d="M384.9 172.8c-2.3 0-4.7-.9-6.5-2.7c-32.7-32.8-76.1-51-122.5-51.2c-5 0-9.1-4.1-9.1-9.2c0-5 4.1-9.1 9.1-9.1c51.2.2 99.3 20.3 135.4 56.6c3.6 3.6 3.5 9.4 0 12.9c-1.7 1.8-4.1 2.7-6.4 2.7" opacity=".4"/><path fill="#18d1e7" d="M411.4 146.3c-2.3 0-4.7-.9-6.5-2.7c-39.8-39.7-92.3-61.4-149-61.3c-5 0-9.1-4.1-9.1-9.1s4.1-9.2 9.1-9.2h.6c60.9 0 118.2 23.7 161.3 66.7c3.6 3.6 3.6 9.4 0 12.9c-1.7 1.8-4 2.7-6.4 2.7" opacity=".2"/><g filter="url(#SVGqReBxIRF)"><path fill="#18d1e7" d="M164.6 182.9h182.8v36.5h-73.1v146.3h-36.6V219.4h-73.1z"/></g></svg>Tracearr ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:tracearr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:tracearr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:tracearr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--tracearr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:tracearr"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:tracearr"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/tracearr.svg" alt="Tracearr ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Tracearr ikonu: sık sorulan sorular
Tracearr 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.
Tracearr ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:tracearr" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Tracearr 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/tracearr.svg" alt="Tracearr ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.