Stylex ikonu
logos:stylex
Stylex ikonu (logos:stylex), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 346 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 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
- SVG Logos
- Yazar
- Gil Barbara
- Lisans
- CC0-1.0
- Boyut
- 512 × 346
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="346" viewBox="0 0 512 346"><path fill="#5bd3f3" d="M458.158 180.813c1.901 4.453 10.394 22.139 12.138 26.478c-10.62 17.607-13.112 22.175-35.314 50.085c-90.356 93.558-160.068 108.676-202.788 64.969q-6.26-6.69-11.101-17.393q1.364 2.455 3.602 5.411l.54.703l.278.356l.576.724l.6.736l.624.75l.648.765l.673.778l.697.793l.72.805l.746.82l.382.415l.781.84l.4.426l.818.861l.418.436c52.77 47.773 105.408 6.787 176.877-72.403q16.182-18.817 47.685-67.355m27.597-151.146c33.443 28.744 33.443 73.348 8.356 137.053c-1.922-4.684-10.39-23.409-12.514-28.206c19.75-54.105 20.207-79.827-8.196-105.478c-16.34-14.756-27.943-15.363-50.036-11.77l-1.446.241l-.727.125l-1.463.261l-1.475.272l-.742.14l-17.42 3.45v-.031l.385-.14c34.959-12.736 64.98-13.754 85.278 4.083"/><path fill="#d573de" d="M463.693 121.952c53.019 99.976 56.365 154.074 38.705 191.918c-6.362 13.637-22.227 23.062-29.052 26.727c-17.13 9.2-52.596 4.62-84.301-4.67l-4.753-2.023c15.932 5.123 50.554 11.817 69.22 6.693c61.303-16.827 54.01-89.702-7.605-204.153S316.879-9.4 263.739 12.178c-5.102 2.072-9.55 4.903-13.377 8.41l.41-.436l.82-.862l.412-.425l.825-.838c5.927-5.946 12.072-10.586 18.405-12.722c48.055-16.209 130.55-.095 192.46 116.647"/><path d="M0 227.235V202.88q9.568 6.711 19.571 10.872q10.002 4.164 16.837 4.163q7.082 0 12.177-3.479t5.094-8.325q0-4.97-3.292-8.263q-3.293-3.293-14.227-9.506q-21.87-12.177-28.642-20.814q-6.772-8.634-6.772-18.825q0-13.17 10.25-21.495q10.253-8.327 26.406-8.327q16.775 0 34.419 9.444v22.366q-20.13-12.177-32.928-12.177q-6.585 0-10.624 2.796q-4.038 2.796-4.038 7.394q0 3.976 3.666 7.579q3.665 3.604 12.86 8.698l8.077 4.597q28.58 16.155 28.579 35.787q0 14.04-10.997 23.05q-10.997 9.009-28.269 9.009q-10.19 0-18.14-2.174q-7.954-2.175-20.007-8.016zm79.525-87.975l42.497-41.75v23.608h36.159v20.379h-36.16v56.04q0 19.632 16.279 19.632q12.178 0 25.72-8.2v21.123q-13.046 7.332-28.454 7.332q-15.532 0-25.845-9.07q-3.232-2.736-5.344-6.152t-3.542-8.947q-1.428-5.529-1.429-21.061v-50.697h-19.88zm170.731-18.143h25.473l-80.892 172.596h-25.225l38.893-82.756l-44.236-89.84h25.721l30.816 64.491zm31.66-59.27h22.616v173.588h-22.615zM417.93 180.265h-80.395q.87 16.402 10.997 26.095q10.127 9.691 26.155 9.691q22.367 0 41.255-13.917v22.119q-10.438 6.957-20.69 9.94q-10.25 2.983-24.043 2.983q-18.887 0-30.568-7.829q-11.68-7.829-18.7-21.062q-7.022-13.233-7.022-30.63q0-26.093 14.787-42.434t38.396-16.34q22.74 0 36.283 15.905q13.545 15.905 13.545 42.62zm-79.899-13.544h57.532q-.87-13.545-8.077-20.875q-7.206-7.332-19.384-7.332q-12.177 0-19.943 7.332t-10.127 20.875z"/></svg>Stylex ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="logos:stylex" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:stylex" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:stylex" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--stylex]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:stylex"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stylex"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/stylex.svg" alt="Stylex ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Stylex ikonu: sık sorulan sorular
Stylex ikonu ticari kullanım için ücretsiz mi?
Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Stylex ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:stylex" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Stylex 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/logos/stylex.svg" alt="Stylex ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.