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