Silex ikonu
selfhst:silex
Silex ikonu (selfhst:silex), 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="#56e3ff" d="M117.7 299.7c2.9-91.4 26.3-176.9 65.9-252.8h-136v418h88c-13.3-53-20-108.1-17.9-165.2"/><path fill="#8873fe" d="M136 464.9h200.2C267.8 381 227.7 273.4 231.5 156.6c1.3-38 7.1-74.7 16.7-109.7h-64.7c-39.6 75.9-63 161.4-65.9 252.8c-1.7 57.2 4.6 112.2 18.4 165.2"/><path fill="#ff557a" d="M336 464.9h129.7V336.8c-81.3-68.8-131.8-172.7-128-287.4v-2.9H248c-9.6 35-15.4 71.8-16.7 109.7C227.5 273 267.6 381 336 464.9"/><path fill="#ffac54" d="M465.7 336.8v-290H337.6v2.9c-3.7 114.3 46.8 218.2 128.1 287.1"/><path fill="#fff" d="M495.5 15.4V78h-62.6V15.4zm0 481.2V434h-62.6v62.6zM16.5 15.4V78h62.6V15.4zm62.6 481.2V434H16.5v62.6z"/><path fill="#333" d="M498 93c7.1 0 12.5-5.4 12.9-12.5V12.9C510.9 5.8 505.1 0 498 0h-67.6c-7.1 0-12.9 5.8-12.9 12.9v26H94.6v-26c0-7.1-5.9-12.9-13-12.9H14C6.9 0 1.1 5.8 1.1 12.9v67.2C1.1 87.2 6.9 93 14 93h25.9v325.5H14c-7.1 0-12.9 5.8-12.9 12.9V499c0 7.1 5.8 12.9 12.9 12.9h67.6c7.1 0 12.9-5.8 12.9-12.9v-26.7h322.9V499c0 7.1 5.8 12.9 12.9 12.9H498c7.1 0 12.5-5.8 12.9-12.9v-67.6c0-7.1-5.8-12.9-12.9-12.9h-24.6V93zm-65.1-77.6h62.6V78H433V39c-.1-11.1-.1-23.6-.1-23.6M16.5 78V15.4h62.6V78zm62.6 418.6H16.5V434h62.6zM495.5 434v62.6h-62.6V434zm-37.6-15.4h-27.5c-7.1 0-12.9 5.8-12.9 12.9V457H94.6v-25.5c0-7.1-5.8-12.9-12.9-12.9H55.3V93h26.3c7.1 0 12.9-5.4 12.9-12.5V54.4h322.9v25.7c0 7.1 5.8 12.9 12.9 12.9h27.5v325.6z"/></svg>Silex ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:silex" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:silex" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:silex" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--silex]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:silex"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:silex"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/silex.svg" alt="Silex ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Diğer ikon setlerinde Silex ikonu
Silex ikonu: sık sorulan sorular
Silex 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.
Silex ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:silex" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Silex 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/silex.svg" alt="Silex ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.