Slack ikonu
thesvg-color:slack
Slack ikonu (thesvg-color:slack), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 2448 × 2453 ızgara üzerinde çizilmiştir. theSVG Color 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 Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 2448 × 2453
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="2448" height="2453" viewBox="0 0 2448 2453"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="#36c5f0" d="M897.4 0C762.1.1 652.6 109.9 652.7 245.2c-.1 135.3 109.5 245.1 244.8 245.2h244.8V245.3C1142.4 110 1032.8.2 897.4 0q.15 0 0 0m0 654H244.8C109.5 654.1-.1 763.9 0 899.2c-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2c.1-135.4-109.5-245.2-244.8-245.3"/><path fill="#2eb67d" d="M2447.6 899.2c.1-135.3-109.5-245.1-244.8-245.2c-135.3.1-244.9 109.9-244.8 245.2v245.3h244.8c135.3-.1 244.9-109.9 244.8-245.3m-652.7 0v-654C1795 110 1685.5.2 1550.2 0c-135.3.1-244.9 109.9-244.8 245.2v654c-.2 135.3 109.4 245.1 244.7 245.3c135.3-.1 244.9-109.9 244.8-245.3"/><path fill="#ecb22e" d="M1550.1 2452.5c135.3-.1 244.9-109.9 244.8-245.2c.1-135.3-109.5-245.1-244.8-245.2h-244.8v245.2c-.1 135.2 109.5 245 244.8 245.2m0-654.1h652.7c135.3-.1 244.9-109.9 244.8-245.2c.2-135.3-109.4-245.1-244.7-245.3h-652.7c-135.3.1-244.9 109.9-244.8 245.2c-.1 135.4 109.4 245.2 244.7 245.3"/><path fill="#e01e5a" d="M0 1553.2c-.1 135.3 109.5 245.1 244.8 245.2c135.3-.1 244.9-109.9 244.8-245.2V1308H244.8C109.5 1308.1-.1 1417.9 0 1553.2m652.7 0v654c-.2 135.3 109.4 245.1 244.7 245.3c135.3-.1 244.9-109.9 244.8-245.2v-653.9c.2-135.3-109.4-245.1-244.7-245.3c-135.4 0-244.9 109.8-244.8 245.1c0 0 0 .1 0 0"/></g></svg>
Slack ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:slack" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:slack" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:slack" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--slack]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:slack"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:slack"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/slack.svg" alt="Slack ikonu" width="24" height="24">
theSVG Color setindeki benzer ikonlar
Diğer ikon setlerinde Slack ikonu
Slack ikonu: sık sorulan sorular
Slack ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Slack ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:slack" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Slack 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-color/slack.svg" alt="Slack 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 Color ikonları →
ICONYZ
