Icono Stylex
logos:stylex
El icono Stylex (logos:stylex) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 346. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 512 × 346
Código SVG
<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>Cómo usar el icono Stylex
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stylex"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/stylex.svg" alt="Icono Stylex" width="24" height="24">Iconos relacionados en SVG Logos
Preguntas frecuentes sobre Icono Stylex
¿El icono Stylex es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Stylex en React?
Instala @iconify/react y renderiza <Icon icon="logos:stylex" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Stylex a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/stylex.svg" alt="Icono Stylex">, o pega el código SVG en línea para darle estilo con CSS.