Icono Stylis
logos:stylis
El icono Stylis (logos:stylis) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 201. 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 × 201
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="201" viewBox="0 0 512 201"><defs><linearGradient id="SVGVWpGHclM" x1="47.165%" x2="47.165%" y1="1.316%" y2="81.579%"><stop offset="0%" stop-color="#745dc0"/><stop offset="100%" stop-color="#5497d8"/></linearGradient></defs><path fill="url(#SVGVWpGHclM)" fill-rule="evenodd" d="M374.763 163.629h83.134c5.83 0 14.658-7.927 17.155-13.196l16.992-36.584c5.92-13.32-2.417-24.117-16.992-24.117H448.66c-2.915 0-5.279-1.773-5.279-3.959s2.364-3.959 5.279-3.959h44.866L512 42.227h-76.536l-29.031 58.062c-6 13.284-1.38 23.67 13.196 23.67h23.752v.082c2.916 0 5.279 1.773 5.279 3.959s-2.363 3.959-5.279 3.959h-52.783zm-201.897 7.917c-8.017 0-14.515 6.5-14.515 14.516s6.498 14.515 14.515 14.515h67.299l13.196-29.03zm51.464-129.32l-37.814 81.862c-1.222 2.647-.968 6.8.569 9.277l15.988 25.778c1.537 2.478 5.146 4.486 8.061 4.486h47.505l58.062-121.402h-31.67l-39.588 84.453h-29.03L256 42.227zm145.155 34.31l-42.227 87.093h31.67l42.227-87.093zm15.835-34.31L372.124 68.62h21.126c5.83 0 12.669-4.229 15.274-9.444l3.748-7.504c2.606-5.216-.009-9.444-5.839-9.444zM0 163.63h77.856c5.83 0 14.657-7.927 17.154-13.196l16.993-36.584c5.92-13.32-2.417-24.117-16.993-24.117H68.62c-2.916 0-5.279-1.773-5.279-3.959s2.363-3.959 5.279-3.959h44.866l18.474-39.587H55.423L26.392 100.29c-6 13.284-1.38 23.67 13.196 23.67H63.34v.082c2.915 0 5.279 1.773 5.279 3.959s-2.364 3.959-5.279 3.959H15.835zM353.65 0l-76.537 163.629h34.31L387.959 0zM163.628 0l-40.551 91.777c4.57 4.391 5.663 14.101 2.12 22.072l-24.91 49.78h58.063l10.556-26.392c2.607-5.215 1.872-10.557-3.959-10.557h-22.433l21.114-44.866h23.752c2.916 0 4.046-2.636 5.279-5.278l15.835-34.31h-29.031L197.938 0z"/></svg>Cómo usar el icono Stylis
React
import { Icon } from "@iconify/react";
<Icon icon="logos:stylis" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:stylis" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:stylis" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--stylis]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:stylis"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stylis"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/stylis.svg" alt="Icono Stylis" width="24" height="24">Preguntas frecuentes sobre Icono Stylis
¿El icono Stylis 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 Stylis en React?
Instala @iconify/react y renderiza <Icon icon="logos:stylis" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Stylis a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/stylis.svg" alt="Icono Stylis">, o pega el código SVG en línea para darle estilo con CSS.