File Type Unibeautify icon

vscode-icons:file-type-unibeautify

The File Type Unibeautify icon (vscode-icons:file-type-unibeautify) is a free SVG icon from the VSCode Icons set by Roberto Huertas. It is drawn on a 32 × 32 grid. VSCode Icons are released under the MIT 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: VSCode Icons
Author: Roberto Huertas
License: MIT
Size: 32 × 32
Tags: filetype, typeunibeautify, filetypeunibeautify

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#d2d2d2" d="M26.357 22.819c0-.014.008-.028.013-.042q.135-.375.241-.763l.053-.2q.087-.336.152-.68q.037-.21.065-.42c.024-.17.052-.339.068-.512q.05-.495.051-.992a10 10 0 0 0-.063-1.082c-.015-.15-.038-.3-.06-.447q-.042-.281-.1-.559c-.04-.2-.081-.394-.131-.587c-.021-.083-.05-.165-.073-.247A10.8 10.8 0 0 0 23 10.891V4.226a.33.33 0 0 0-.125-.255a11 11 0 0 0-3.424-1.822s-.007-.008-.013-.009l-.157-.047c-.095-.029-.186-.067-.281-.093v12.042a3 3 0 0 1-6 0V2c-.1.027-.19.065-.285.1l-.152.046c-.005 0-.007.007-.012.009a11 11 0 0 0-3.426 1.816a.33.33 0 0 0-.125.255v6.665a10.7 10.7 0 0 0-4 8.315a10.865 10.865 0 0 0 9.035 10.612q.031-.002.062.008c.3.052.6.1.909.123q.505.05.991.05a11 11 0 0 0 1.17-.063c.1-.011.2-.032.3-.045a11 11 0 0 0 .841-.137c.12-.026.237-.061.358-.09c.252-.062.5-.126.745-.2c.132-.042.26-.093.39-.14c.224-.082.446-.166.664-.261c.138-.06.272-.127.408-.193c.2-.1.4-.2.594-.31a11 11 0 0 0 .951-.606q.194-.136.381-.28q.268-.21.522-.436c.11-.1.222-.191.328-.293c.192-.182.372-.375.549-.57c.061-.068.129-.128.19-.2v-.013a10.7 10.7 0 0 0 1.952-3.337Zm-.068-2.708c-.012.133-.031.266-.048.4a11 11 0 0 1-.178.98c-.012.052-.028.1-.04.153a10 10 0 0 1-.188.655a3.286 3.286 0 0 1 0-6.179a10 10 0 0 1 .321 1.266a10 10 0 0 1 .129.879c.03.313.052.627.052.947c-.002.3-.022.601-.048.899M9.668 4.384a10.4 10.4 0 0 1 2.667-1.47v11.129a3.668 3.668 0 0 0 7.334 0V2.915a10.4 10.4 0 0 1 2.667 1.47v9.5a6.335 6.335 0 0 1-12.668 0Zm-4 14.823A10.03 10.03 0 0 1 9 11.759v2.125a7 7 0 0 0 14 0v-2.125a10.2 10.2 0 0 1 2.609 3.756a3.916 3.916 0 0 0 0 7.384a10 10 0 0 1-1.484 2.544A5.925 5.925 0 0 0 13.758 29.1a10.194 10.194 0 0 1-8.088-9.893Zm17.873 6.91q-.222.233-.456.451c-.1.1-.209.19-.316.282q-.233.2-.476.381a10 10 0 0 1-.352.258q-.251.172-.513.329c-.121.074-.242.15-.367.219q-.279.15-.567.286c-.121.058-.239.119-.363.172c-.209.09-.423.166-.637.242c-.113.04-.224.086-.339.122c-.234.074-.475.133-.714.19c-.1.025-.2.056-.306.077c-.26.054-.524.09-.789.124c-.09.012-.177.031-.268.04q-.486.048-.98.051h-.1a11 11 0 0 1-1.432-.109l-.151-.023a5.265 5.265 0 0 1 9.283-3.27a2 2 0 0 1-.155.178Z"/><path fill="#d2d2d2" d="M10.337 21.1a1.75 1.75 0 1 0 1.783 1.75a1.77 1.77 0 0 0-1.783-1.75m0 2.845a1.1 1.1 0 1 1 1.117-1.095a1.107 1.107 0 0 1-1.117 1.091Z"/></svg>

How to use the File Type Unibeautify icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in VSCode Icons

File Type Unibeautify icon FAQ

Is the File Type Unibeautify icon free for commercial use?

Yes. VSCode Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the File Type Unibeautify icon in React?

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

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

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

Browse all VSCode Icons →