ICONYZ
日本語
File Icons の Unibeautify アイコン

Unibeautify アイコン

file-icons:unibeautify

Unibeautify アイコン(file-icons:unibeautify)は、File Icons セットの無料 SVG アイコンです(作者: John Gardner)。 395 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
File Icons
作者
John Gardner
ライセンス
ISC
サイズ
395 × 512
SVG をダウンロード

SVG コード

<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>

Unibeautify アイコンの使い方

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 コンポーネント

<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 画像

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

Unibeautify アイコン のよくある質問

Unibeautify アイコンは商用利用でも無料ですか?

はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Unibeautify アイコンを使うには?

@iconify/react をインストールして <Icon icon="file-icons:unibeautify" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Unibeautify アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/unibeautify.svg" alt="Unibeautify アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

File Icons をすべて見る →