Idris icon
file-icons:idris
The Idris icon (file-icons:idris) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 279 × 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
- 279 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="279" height="512" viewBox="0 0 279 512"><path fill="currentColor" d="M90.905 76.16c65.59 19.85 82.369 36.202 105.43 95.468c-4.474-72.265-33.395-102.39-105.43-95.468M0 189.82c42.58 13.113 92.023 23.59 110.294 104.942C117.836 193.273 69.785 188.102 0 189.82m28.77-64.715c63.983 13.223 104.77 30.595 128.607 113.163c5.469-106.517-52.995-117.213-128.606-113.163M112.673 0c349.152 227.665-77.556 231.688 15.258 496l54.942 16c-151.36-205.193 336.883-310.67-70.2-512"/></svg>How to use the Idris icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:idris" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:idris" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:idris" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--idris]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:idris"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:idris"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/idris.svg" alt="Idris icon" width="24" height="24">Idris icon in other icon sets
Idris icon FAQ
Is the Idris 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 Idris icon in React?
Install @iconify/react and render <Icon icon="file-icons:idris" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Idris icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/idris.svg" alt="Idris icon">, or paste the SVG code inline to style it with CSS.