File Type Shaderslang icon
vscode-icons:file-type-shaderslang
The File Type Shaderslang icon (vscode-icons:file-type-shaderslang) is a free SVG icon from the VSCode Icons set by Roberto Huertas. It is drawn on a 32 × 32 grid. VSCode Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- VSCode Icons
- Author
- Roberto Huertas
- License
- MIT
- Size
- 32 × 32
- Tags
- filetype, typeshaderslang, filetypeshaderslang
SVG code
<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>
How to use the File Type Shaderslang icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-shaderslang.svg" alt="File Type Shaderslang icon" width="24" height="24">
Related icons in VSCode Icons
File Type Shaderslang icon FAQ
Is the File Type Shaderslang icon free for commercial use?
Yes. VSCode Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the File Type Shaderslang icon in React?
Install @iconify/react and render <Icon icon="vscode-icons:file-type-shaderslang" />, or use “Copy code” on this page to get a standalone React component.
How do I add the File Type Shaderslang icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-shaderslang.svg" alt="File Type Shaderslang icon">, or paste the SVG code inline to style it with CSS.
Browse all VSCode Icons →
