ICONYZ
English
Elementaryos icon from File Icons

Elementaryos icon

file-icons:elementaryos

The Elementaryos icon (file-icons:elementaryos) 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
Tags
elementaryo
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M183.333 364.64c45.884-24.863 87.284-58.013 121.174-97.707C407.322 148.097 343.578 36.063 239.2 54.56C126.535 78.511 32.984 245.635 132.213 361.12c-24.596 8.608-50.064 14.736-75.893 18.187C34.144 343.473 21.333 301.237 21.333 256C21.333 126.397 126.397 21.333 256 21.333c107.492 0 198.105 72.276 225.893 170.88c-85.84 165.328-215.557 220.07-298.56 172.427m74.16-295.893c148.886 17.818 65.165 212.609-95.813 280.666c-96.34-72.903-13.152-280.628 95.813-280.666m231.067 155.84c-53.158 90.815-183.763 253.233-336 155.2c-24.906 11.032-50.873 19.699-77.44 25.733c171.696 188.336 444.002 37.417 413.44-180.933M512 256C512 59.662 297.992-63.716 127.711 34.453s-170.281 344.925 0 443.094S512 452.338 512 256" clip-rule="evenodd"/></svg>

How to use the Elementaryos icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:elementaryos" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:elementaryos" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:elementaryos" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--elementaryos]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:elementaryos"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:elementaryos"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/elementaryos.svg" alt="Elementaryos icon" width="24" height="24">

Elementaryos icon in other icon sets

Elementaryos icon FAQ

Is the Elementaryos 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 Elementaryos icon in React?

Install @iconify/react and render <Icon icon="file-icons:elementaryos" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Elementaryos icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/elementaryos.svg" alt="Elementaryos icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →