Vyper icon
file-icons:vyper
The Vyper icon (file-icons:vyper) 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="m313 134l-25-45h-64l-25.65 45L256 234zm71 122l-64-111l-57 100l64 110zM192 145l-64 111l57.65 99.85L249 245zm64 111l-64 111l64 111l64-111zM128 34H0l64 111zm320 111.15L512 34H384zM70 156l52 90l64-112l-52-90zM378 44l-52 90l63.77 112l52.45-90.85z"/></svg>How to use the Vyper icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:vyper" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:vyper" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:vyper" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--vyper]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:vyper"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:vyper"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/vyper.svg" alt="Vyper icon" width="24" height="24">Vyper icon in other icon sets
Vyper icon FAQ
Is the Vyper 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 Vyper icon in React?
Install @iconify/react and render <Icon icon="file-icons:vyper" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vyper icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/vyper.svg" alt="Vyper icon">, or paste the SVG code inline to style it with CSS.