Vertexshader icon
file-icons:vertexshader
The Vertexshader icon (file-icons:vertexshader) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M510.457 468.75c-3.8-26.946-33.751-40.647-56.392-27.636l-22.523-22.774l-112.123-308.055l.63-35.612c23.775-5.664 36.997-33.405 23.927-55.897c-14.607-25.135-51.183-25.01-65.68.227c-12.55 21.847-.468 48.44 21.883 55.127l-.604 34.145l-203.087 242.45l-24.638 6.84c-10.87-18.462-36.535-25.278-55.464-11.184c-23.363 17.396-19.092 53.715 7.67 65.217c25.377 10.906 53.074-8.195 52.975-34.842l30.155-8.37l306.55 60.214l26.226 26.519c-10.941 18.963-3.575 45.126 18.691 54.093c27.018 10.88 55.867-11.652 51.804-40.462m-112.388-84.256l-82.033-82.948l2.403-135.835zm-99.053-244.598l-2.749 155.375l-165.994 46.077zm-149.1 216.628l151.068-41.933l87.89 88.871z"/></svg>How to use the Vertexshader icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:vertexshader" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:vertexshader" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:vertexshader" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--vertexshader]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:vertexshader"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:vertexshader"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/vertexshader.svg" alt="Vertexshader icon" width="24" height="24">Vertexshader icon FAQ
Is the Vertexshader icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Vertexshader icon in React?
Install @iconify/react and render <Icon icon="file-icons:vertexshader" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vertexshader icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/vertexshader.svg" alt="Vertexshader icon">, or paste the SVG code inline to style it with CSS.