Pure icon

file-icons:pure

The Pure icon (file-icons:pure) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 293 × 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: 293 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="293" height="512" viewBox="0 0 293 512"><path fill="currentColor" d="M273.683 257.62C240.448 157.847 173.055 99.424 130.38 0C87.71 100.435 34.637 202.333 17.916 249.529c-44.925 126.804-4.895 250.91 114.842 262.44c129.103 2.068 195.003-99.505 140.925-254.35M141.21 53.835c31.401 69.057 63.127 144.724 62.367 179.659c33.71 7.661 42.988 31.737 53.63 46.734c-20.168-61.996-63.64-135.648-109.824-219.526c10.032 16.836 21.097 33.436 32.522 50.553c27.688 41.482 59.07 88.499 82.373 150.64c20.472 54.591 28.93 130.767-5.554 182.979c-14.919 22.59-31.236 32.788-71.01 46.045C66.673 447.31 109.502 224.98 141.21 53.835M22.993 294.432c11.331-58.924 52.474-134.457 96.09-226.177c-7.705 68.896-42.677 110.547-38.98 151.39c-19.958 12.32-40.132 42.858-57.11 74.787"/></svg>

How to use the Pure icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in File Icons

Pure icon FAQ

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

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

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

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

Browse all File Icons →