Unibeautify icon

file-icons:unibeautify

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="395" height="512" viewBox="0 0 395 512"><path fill="currentColor" fill-rule="evenodd" d="M79.715 408.794c-21.242-12.247-21.242-43.029 0-55.275s47.94 3.145 47.94 27.637s-26.697 39.884-47.94 27.638m5.981-10.337c-13.302-7.669-13.302-26.944 0-34.613s30.019 1.97 30.019 17.306s-16.717 24.975-30.019 17.306m288.084-140.32c-56.394 27.624-46.406 93.894 0 112.987c11.716-38.034 11.056-78.038 0-112.987M267.87 404.957c24.626.753 49.246 11.289 67.78 33.021c-44.353 44.689-105.46 69.255-166.692 59.739c4.849-59.99 51.898-94.2 98.912-92.76M71.774 178.394V217.3c0 69.254 56.342 125.612 125.595 125.612c69.258 0 125.604-56.354 125.604-125.612v-38.898c20.406 18.831 36.573 42.18 46.932 68.43c-69.417 28.699-55.944 112.956 0 135.595a185.9 185.9 0 0 1-26.497 46.226c-72.492-79.39-192.064-14.917-186.356 66.912C74.149 477.1 11.962 403.014 11.962 314.63c0-53.816 23.07-102.334 59.812-136.236m59.811-161.79v203.601c3.901 85.393 126.392 88.915 131.569 0V16.612c16.998 6.483 33.085 15.496 47.857 26.993V217.3c0 62.672-50.982 113.65-113.642 113.65S83.728 279.969 83.728 217.3V43.597c14.769-11.498 30.857-20.509 47.857-26.993M251.192 0v220.206c-1.02 69.55-104.248 72.732-107.645 0V0c-24.659 6.037-72.083 31.683-71.773 40.7v121.83C27.974 198.757 0 253.484 0 314.63C0 423.455 88.542 512 197.37 512c108.823 0 197.369-88.546 197.369-197.37c0-61.141-27.97-115.863-71.766-152.092V40.708C325.26 32.353 270.997 3.936 251.192 0"/></svg>

How to use the Unibeautify icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Unibeautify icon FAQ

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

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

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

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

Browse all File Icons →