Icono Svg Light
skill-icons:svg-light
El icono Svg Light (skill-icons:svg-light) es un icono SVG gratuito de la colección Skill Icons de tandpfun. Está dibujado en una cuadrícula de 256 × 256. Skill Icons se publican bajo la licencia MIT, 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
- Skill Icons
- Autor
- tandpfun
- Licencia
- MIT
- Tamaño
- 256 × 256
- Etiquetas
- svglight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#000" d="M17 120h220.641v73.109c0 17.18-14.036 30.336-32.356 30.336H49.355C31.032 223.445 17 210.289 17 193.109z"/><path fill="#ffb13b" stroke="#000" stroke-width="28.695" d="M61.633 108.908c-6.824-6.402-17.89-6.402-24.715 0c-6.824 6.399-6.824 16.774 0 23.176c6.824 6.398 17.89 6.398 24.715 0h131.215c6.828 6.398 17.89 6.398 24.718 0c6.825-6.402 6.825-16.777 0-23.176c-6.828-6.402-17.89-6.402-24.718 0z"/><path fill="#ffb13b" stroke="#000" stroke-width="28.725" d="M89.59 68.803c0-9.055-7.824-16.39-17.477-16.39c-9.656 0-17.48 7.335-17.48 16.39c0 9.05 7.824 16.386 17.48 16.386l92.782 87c0 9.051 7.824 16.387 17.476 16.387s17.477-7.336 17.477-16.387s-7.825-16.386-17.477-16.386z"/><path fill="#ffb13b" stroke="#000" stroke-width="28.695" d="M139.602 58.979c6.824-6.403 6.824-16.778 0-23.18c-6.829-6.399-17.895-6.399-24.719 0c-6.824 6.402-6.824 16.777 0 23.18v123.035c-6.824 6.398-6.824 16.777 0 23.175c6.824 6.403 17.89 6.403 24.719 0c6.824-6.398 6.824-16.777 0-23.175z"/><path fill="#ffb13b" stroke="#000" stroke-width="28.725" d="M182.371 85.19c9.652 0 17.477-7.336 17.477-16.387c0-9.055-7.825-16.39-17.477-16.39s-17.476 7.335-17.476 16.39l-92.782 87c-9.656 0-17.48 7.336-17.48 16.386c0 9.051 7.824 16.387 17.48 16.387c9.653 0 17.477-7.336 17.477-16.387z"/><path fill="#ffb13b" d="M61.633 108.908c-6.824-6.402-17.89-6.402-24.715 0c-6.824 6.399-6.824 16.774 0 23.176c6.824 6.398 17.89 6.398 24.715 0h131.215c6.828 6.398 17.89 6.398 24.718 0c6.825-6.402 6.825-16.777 0-23.176c-6.828-6.402-17.89-6.402-24.718 0z"/><path fill="#ffb13b" d="M89.59 68.803c0-9.055-7.824-16.39-17.477-16.39c-9.656 0-17.48 7.335-17.48 16.39c0 9.05 7.824 16.386 17.48 16.386l92.782 87c0 9.051 7.824 16.387 17.476 16.387s17.477-7.336 17.477-16.387s-7.825-16.386-17.477-16.386z"/><path fill="#ffb13b" d="M139.602 58.979c6.824-6.403 6.824-16.778 0-23.18c-6.829-6.399-17.895-6.399-24.719 0c-6.824 6.402-6.824 16.777 0 23.18v123.035c-6.824 6.398-6.824 16.777 0 23.175c6.824 6.403 17.89 6.403 24.719 0c6.824-6.398 6.824-16.777 0-23.175z"/><path fill="#ffb13b" d="M182.371 85.19c9.652 0 17.477-7.337 17.477-16.387c0-9.055-7.825-16.39-17.477-16.39s-17.476 7.335-17.476 16.39l-92.782 87c-9.656 0-17.48 7.336-17.48 16.386c0 9.051 7.824 16.387 17.48 16.387c9.653 0 17.477-7.336 17.477-16.387z"/><path fill="#000" fill-opacity=".9" d="M17 121h220.641v73.109c0 17.18-14.036 30.336-32.356 30.336H49.355C31.032 224.445 17 211.289 17 194.109z"/><path fill="#fff" d="M50.027 172.135c-5.175-4.852-8.379-11.551-8.379-18.949c0-14.805 12.809-26.809 28.59-26.809c15.79 0 28.594 12.004 28.594 26.809H82.086c0-6.133-5.309-11.102-11.848-11.102s-11.84 4.969-11.84 11.102c0 3.062 1.329 5.839 3.461 7.839h.008c2.145 2.02 3.93 2.602 8.371 3.266c7.899.77 15.043 3 20.219 7.852c5.176 4.855 8.375 11.554 8.375 18.953c0 14.804-12.805 26.812-28.594 26.812c-15.781 0-28.59-12.008-28.59-26.812h16.75c0 6.133 5.301 11.109 11.84 11.109c6.54 0 11.848-4.976 11.848-11.109c0-3.063-1.324-5.832-3.461-7.84h-.008c-2.144-2.012-5.223-2.703-8.379-3.258v-.004c-7.656-1.101-15.035-3.004-20.21-7.859m105.988-45.758l-20.227 91.531h-16.746l-20.211-91.531h16.75l11.852 53.609l11.832-53.609zm28.597 37.914h28.586v26.805h.008c0 14.808-12.805 26.816-28.594 26.816c-15.793 0-28.59-12.008-28.59-26.816v-37.91h-.007c0-14.805 12.804-26.805 28.597-26.805c15.782 0 28.586 12 28.586 26.805h-16.746c0-6.125-5.308-11.102-11.84-11.102c-6.543 0-11.843 4.977-11.843 11.102v37.91c0 6.133 5.3 11.105 11.843 11.105c6.532 0 11.832-4.972 11.84-11.097v-11.102h-11.84z"/></g></svg>Cómo usar el icono Svg Light
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:svg-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:svg-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:svg-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--svg-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:svg-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:svg-light"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/svg-light.svg" alt="Icono Svg Light" width="24" height="24">Iconos relacionados en Skill Icons
Preguntas frecuentes sobre Icono Svg Light
¿El icono Svg Light es gratis para uso comercial?
Sí. Skill Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Svg Light en React?
Instala @iconify/react y renderiza <Icon icon="skill-icons:svg-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Svg Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/skill-icons/svg-light.svg" alt="Icono Svg Light">, o pega el código SVG en línea para darle estilo con CSS.