Freedesktop icon

file-icons:freedesktop

The Freedesktop icon (file-icons:freedesktop) 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

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="M70.892 155.643L347.94 81.92c40.297-11.128 77.604 9.313 85.567 39.547L474.46 277.84c8.067 31.647-4.964 76.325-42.71 86.557l-273.763 73.54c-40.974 9.41-64.631-4.573-74.464-37.232l-45.226-157.37c-13.192-50.443 10.331-81.126 32.594-87.693M3.475 231.921l51.537 192.043c11.457 38.05 58.495 54.259 106.234 43.295l268.929-68.87c64.64-13.952 88.357-74.872 80.316-117.575l-41.615-174.24c-9.277-35.227-57.69-75.684-104.64-62.72L53.118 126.43c-25.939 7.652-65.014 46.72-49.643 105.491m59.106-94.434l294.5-78.164c44.442-12.273 91.667 21.811 100.449 55.155l39.392 164.934c8.042 47.683-30.01 98.05-67.212 106.42l-268 68.396c-45.188 10.378-86.13-7.48-96.975-43.499L19.961 229.236c-14.55-55.632 18.067-84.506 42.62-91.749m13.41 73.835l15.251 62.47c2.096 8.236 10.551 13.142 18.742 10.873L198.4 260.17c7.96-2.206 12.691-10.379 10.638-18.38l-15.237-61.876c-2.1-8.184-10.485-13.072-18.641-10.868l-88.432 23.9c-7.998 2.162-12.78 10.345-10.738 18.375m252.08-39.297l59.119-15.978c10.316-2.788 20.921 3.394 23.577 13.745l9.327 36.343c2.598 10.121-3.385 20.458-13.455 23.248l-59.1 16.372c-10.36 2.87-21.055-3.335-23.705-13.753l-9.345-36.737c-2.584-10.156 3.464-20.505 13.581-23.24m-84.337 156.63l40.984-11.078c7.152-1.932 14.504 2.353 16.345 9.53l6.466 25.194c1.8 7.016-2.347 14.182-9.327 16.116l-40.972 11.35c-7.182 1.99-14.596-2.312-16.433-9.534l-6.479-25.468c-1.79-7.04 2.402-14.215 9.416-16.11m-28.498-103.168l-3.88-14.745l94.677-9.312l3.104 14.744zm-9.679 46.819l43.561 42.939l-21.916 6.8l-43.03-44.089zm79.966 33.915l36.093-51.028l20.59 2.489l-37.96 51.65z" clip-rule="evenodd"/></svg>

How to use the Freedesktop icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Freedesktop icon FAQ

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

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

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

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

Browse all File Icons →