Illumos icon
file-icons:illumos
The Illumos icon (file-icons:illumos) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 394 × 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
- 394 × 512
- Tags
- illumo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="394" height="512" viewBox="0 0 394 512"><path fill="currentColor" d="M20.377 67.864c-4.6-6.484-8.917-11.485-10.52-12.032c-.177 3.751 10.837 22.592 26.521 39.27c12.386 13.17 23.949 17.992 47.206 27.833c-9.577-.332-19.438-2.55-30.023-9.585c-7.07-6.49-14.202-12.86-20.436-14.891c15.063 26.776 39.398 46.459 59.35 53.56c-9.365-1.737-18.95-3.988-28.966-8.771c-4.585-4.307-8.557-8.458-13.818-10.301c22.975 27.86 42.945 44.072 78.538 50.196c-11.484 1.702-25.305 2.42-38.628-4.973c-3.191-2.671-7.568-5.824-9.439-6.672c2.118 11.776 37.733 45.999 67.364 44.598c-10.878 3.063-20.7 3.529-29.582 1.058c-3.694-1.726-7.164-3.256-11.162-4.302c2.073 8.29 39.435 30.426 61.62 29.27c-11.955 3.968-24.508 7.377-38.06 7.33c-8.295-2.468-14.044-3.76-15.682-3.165c3.115 2.408 10.882 5.895 20.87 8.865c30.595 9.098 35.856 8.454 56.67 4.908c-8.043 6.918-17.338 12.313-29.672 14.014c-4.9-.303-9.141-.388-11.495.15c6.388 7.788 41.83 11.139 57.545 7.037c-8.215 8.194-16.167 13.92-26.891 16.517c-3.634.238-9.518.753-11.506 1.52c6.77 6.376 35.041 5.517 49.672 2.607c-8.273 8.332-16.738 15.974-26 20.725c-4.835 1.045-10.812 2.486-15.175 4.533c7.522 1.664 42.615-4.88 57.452-12.34c-2.779 6.132-14.266 16.797-25.697 20.555c-5.18.767-10.532 2.004-11.294 2.532c4.336 3.83 17.984 2.99 27.985 2.128c-2.754 8.804-4.598 17.513-5.616 26.137c-21.27 28.637-55.129 54.276-91.727 65.571c-16.971 3.446-32.047 7.366-26.708 10.445c12.484 5.594 63.481-4.605 91.545-20.072c-13.386 13.582-26.358 23.336-43.143 32.334c-7.302 3.915-20.506 5.287-26.503 7.486c-20.497 7.516-37.452 18.26-37.155 21.945c35.028-4.065 73.124-20.134 106.528-41.488c-7.065 11.656-20.7 26.472-30.594 32.036c-15.022 8.448-32.565 30.668-34.016 37.378c.887 1.83 18.504-10.075 21.301-12.051c30.247-21.301 58.432-49.322 76.436-81.102c17.837-14.73 34.35-32.246 46.947-51.584c-2 8.891-8.192 13.15-12.265 25.046c35.78-39.739 73.261-108.05 47.264-147.196c2.535-10.4 6.35-20.634 10.533-29.539c19.712.504 15.847-18.32 54.407-25.436c10.003-1.223 11.112 1.032 19.586 1.895c-3.148-7.16-40.033-22.24-65.053-15.429c-29.214 7.954-55.184 38.328-62.302 62.231c-3.082-12.307-65.678-43.338-105.939-80.72c-49.811-46.25-69.614-66.602-86.274-108.307c-2.212-4.185-4.776-9.75-8.47-12.971c-4.41-3.811-1.598 10.174-.023 16.908c-18.71-10.806-34.957-22.473-47.028-38.931C16.548 7.639 14.32 1.95 12.396 0c-1.443 5.042 6.47 30.51 15.694 49.567c-3.785-2.38-9.117-6.424-11.167-9C12.137 33.981 6.722 26.03 0 21.8c2.202 8.038 5.845 15.696 10.126 23.316c6.24 11.11 14.108 22.184 23.87 31.264c-4.658-2.493-9.25-5.181-13.62-8.515"/></svg>How to use the Illumos icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:illumos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:illumos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:illumos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--illumos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:illumos"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:illumos"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/illumos.svg" alt="Illumos icon" width="24" height="24">Illumos icon FAQ
Is the Illumos 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 Illumos icon in React?
Install @iconify/react and render <Icon icon="file-icons:illumos" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Illumos icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/illumos.svg" alt="Illumos icon">, or paste the SVG code inline to style it with CSS.