Icono File Type Shaderslang
vscode-icons:file-type-shaderslang
El icono File Type Shaderslang (vscode-icons:file-type-shaderslang) es un icono SVG gratuito de la colección VSCode Icons de Roberto Huertas. Está dibujado en una cuadrícula de 32 × 32. VSCode 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
- VSCode Icons
- Autor
- Roberto Huertas
- Licencia
- MIT
- Tamaño
- 32 × 32
- Etiquetas
- filetype, typeshaderslang, filetypeshaderslang
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g transform="translate(-1.945 1.142)scale(.0592)"><linearGradient id="SVGkhzVFedb" x1="354.5" x2="395.2" y1="372.4" y2="425.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#15768c"/><stop offset=".2" stop-color="#188b9d"/><stop offset=".4" stop-color="#1a9eac"/><stop offset=".6" stop-color="#1ca9b5"/><stop offset=".8" stop-color="#1cadb8"/></linearGradient><path fill="url(#SVGkhzVFedb)" d="M235 419c43 29 92 39 137 23c52-18 86-65 96-123a571 571 0 0 1-233 100"/><linearGradient id="SVGMapTndfC" x1="146" x2="305.4" y1="146.1" y2="62.7" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#f63"/><stop offset=".2" stop-color="#ff7133"/><stop offset=".6" stop-color="#ff8733"/><stop offset=".9" stop-color="#ff8f33"/></linearGradient><path fill="url(#SVGMapTndfC)" d="M360 77c-40-24-86-32-127-17c-50 17-83 61-95 115a574 574 0 0 1 222-98"/><path fill="#f63" d="M514 102c-10-34-73-43-154-25a592 592 0 0 0-222 98c-50 38-78 77-70 104c7 23 39 35 83 33c45-1 102-16 160-44c-70 16-123 14-122-7c2-29 73-86 180-125l43-15q68-21 103-18z"/><path fill="#1fbec9" d="M538 214c-7-23-41-35-88-32c-44 2-99 17-155 43c70-15 123-13 122 7c-2 30-73 86-179 126l-50 17q-64 19-96 16v1c10 33 67 42 143 27a583 583 0 0 0 233-101c51-37 79-76 70-104"/><linearGradient id="SVGp8LAFdcf" x1="143.4" x2="377.1" y1="255.2" y2="144.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ed5f2f"/><stop offset="1" stop-color="#f63"/></linearGradient><path fill="url(#SVGp8LAFdcf)" d="M189 261c2-29 73-86 180-125l43-15q-23-27-52-44a592 592 0 0 0-222 98a233 233 0 0 0 13 137c45-1 102-16 160-44c-70 16-123 14-122-7"/><linearGradient id="SVGYJTExbdL" x1="192.8" x2="415.9" y1="353.3" y2="268.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1bacb5"/><stop offset=".9" stop-color="#1fbec9"/></linearGradient><path fill="url(#SVGYJTExbdL)" d="m456 198l-6-16c-44 2-99 17-155 43c70-15 123-13 122 7c-2 30-73 86-179 126l-50 17q21 26 47 44a583 583 0 0 0 233-100q10-58-12-121"/></g></svg>
Cómo usar el icono File Type Shaderslang
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-shaderslang" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-shaderslang" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-shaderslang" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-shaderslang]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-shaderslang"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vscode-icons:file-type-shaderslang"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-shaderslang.svg" alt="Icono File Type Shaderslang" width="24" height="24">
Iconos relacionados en VSCode Icons
Preguntas frecuentes sobre Icono File Type Shaderslang
¿El icono File Type Shaderslang es gratis para uso comercial?
Sí. VSCode Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono File Type Shaderslang en React?
Instala @iconify/react y renderiza <Icon icon="vscode-icons:file-type-shaderslang" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono File Type Shaderslang a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-shaderslang.svg" alt="Icono File Type Shaderslang">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los VSCode Icons →
