File Type Unibeautify アイコン

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

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

vscode-icons:file-type-unibeautify

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

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: filetype、typeunibeautify、filetypeunibeautify

SVG をダウンロード

SVG コード

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

File Type Unibeautify アイコンの使い方

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

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

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →