Openzfs アイコン
file-icons:openzfs
Openzfs アイコン(file-icons:openzfs)は、File Icons セットの無料 SVG アイコンです(作者: John Gardner)。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
- タグ
- openzf
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M512 38.987C512 17.463 494.546 0 473 0H38.99C17.462 0 0 17.463 0 38.987v148.951h58.145L0 324.049V473.01C0 494.537 17.462 512 38.99 512h434.014C494.55 512 512 494.537 512 473.01V324.05h-58.141L512 187.937zM244.06 320.01c-15.843-9.134-15.843-32.094 0-41.228s35.758 2.346 35.758 20.614s-19.913 29.749-35.757 20.614m-45.908 45.898c-15.844-9.135-15.844-32.094 0-41.229s35.757 2.346 35.757 20.614s-19.913 29.749-35.757 20.615m91.801 0c-15.844-9.135-15.844-32.094 0-41.229s35.757 2.346 35.757 20.614s-19.913 29.749-35.757 20.615m-137.698 45.896c-15.844-9.134-15.844-32.094 0-41.228s35.757 2.346 35.757 20.614s-19.913 29.749-35.757 20.614m91.81 0c-15.844-9.134-15.844-32.094 0-41.228s35.757 2.346 35.757 20.614s-19.912 29.749-35.757 20.614m91.79 0c-15.844-9.134-15.844-32.094 0-41.228s35.757 2.346 35.757 20.614s-19.913 29.749-35.757 20.614M106.36 457.705c-15.844-9.134-15.844-32.094 0-41.228s35.757 2.345 35.757 20.614s-19.913 29.748-35.757 20.614m91.795 0c-15.844-9.134-15.844-32.094 0-41.228s35.757 2.345 35.757 20.614s-19.913 29.748-35.757 20.614m91.795 0c-15.844-9.134-15.844-32.094 0-41.228s35.757 2.345 35.757 20.614s-19.913 29.748-35.757 20.614m91.796 0c-15.844-9.134-15.844-32.094 0-41.228c15.845-9.135 35.757 2.345 35.757 20.614s-19.912 29.748-35.757 20.614M249.162 223.808c-9.075-5.232-9.075-18.384 0-23.616c9.076-5.232 20.482 1.343 20.482 11.808s-11.406 17.04-20.482 11.808m-29.58-29.633c-9.075-5.232-9.075-18.384 0-23.616c9.076-5.232 20.482 1.343 20.482 11.808s-11.406 17.04-20.481 11.808m59.153 0c-9.075-5.232-9.075-18.384 0-23.616c9.076-5.232 20.482 1.343 20.482 11.808s-11.406 17.04-20.482 11.808m29.576-29.616c-9.076-5.232-9.076-18.384 0-23.616c9.075-5.232 20.482 1.344 20.482 11.808s-11.407 17.04-20.482 11.808m-59.149 0c-9.075-5.232-9.075-18.384 0-23.616s20.482 1.344 20.482 11.808s-11.406 17.04-20.482 11.808m-59.153 0c-9.076-5.232-9.076-18.384 0-23.616c9.075-5.232 20.482 1.344 20.482 11.808s-11.407 17.04-20.482 11.808m88.725-29.617c-9.075-5.232-9.075-18.384 0-23.616c9.076-5.232 20.482 1.343 20.482 11.808s-11.406 17.04-20.482 11.808m59.15 0c-9.077-5.232-9.077-18.384 0-23.616c9.075-5.232 20.481 1.343 20.481 11.808s-11.406 17.04-20.482 11.808m-118.302 0c-9.076-5.232-9.076-18.384 0-23.616s20.482 1.343 20.482 11.808s-11.406 17.04-20.482 11.808m-59.15 0c-9.075-5.232-9.075-18.384 0-23.616s20.483 1.343 20.483 11.808s-11.406 17.04-20.482 11.808m88.731-29.613c-9.076-5.232-9.076-18.384 0-23.616s20.482 1.343 20.482 11.808s-11.406 17.04-20.482 11.808m59.148 0c-9.076-5.232-9.076-18.384 0-23.616s20.482 1.343 20.482 11.808s-11.407 17.04-20.482 11.808m59.159 0c-9.076-5.232-9.076-18.384 0-23.616s20.482 1.343 20.482 11.808s-11.406 17.04-20.482 11.808m-177.46 0c-9.075-5.232-9.075-18.384 0-23.616s20.482 1.343 20.482 11.808s-11.406 17.04-20.482 11.808m-59.153 0c-9.076-5.232-9.076-18.384 0-23.616s20.482 1.343 20.482 11.808s-11.406 17.04-20.482 11.808m147.877-29.61c-9.076-5.233-9.076-18.385 0-23.617s20.482 1.344 20.482 11.808s-11.406 17.04-20.482 11.808m59.151 0c-9.076-5.233-9.076-18.385 0-23.617s20.482 1.344 20.482 11.808s-11.406 17.04-20.482 11.808m59.163 0c-9.076-5.233-9.076-18.385 0-23.617c9.075-5.232 20.482 1.344 20.482 11.808s-11.407 17.04-20.482 11.808m-177.467 0c-9.076-5.233-9.076-18.385 0-23.617c9.075-5.232 20.482 1.344 20.482 11.808s-11.407 17.04-20.482 11.808m-59.146 0c-9.076-5.233-9.076-18.385 0-23.617s20.482 1.344 20.482 11.808s-11.406 17.04-20.482 11.808m-59.156 0c-9.075-5.233-9.075-18.385 0-23.617s20.482 1.344 20.482 11.808s-11.406 17.04-20.482 11.808"/></svg>Openzfs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:openzfs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:openzfs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:openzfs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--openzfs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:openzfs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:openzfs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/openzfs.svg" alt="Openzfs アイコン" width="24" height="24">他のアイコンセットの Openzfs アイコン
Openzfs アイコン のよくある質問
Openzfs アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Openzfs アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:openzfs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Openzfs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/openzfs.svg" alt="Openzfs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。