File Validation アイコン
hugeicons:file-validation
File Validation アイコン(hugeicons:file-validation)は、Huge Icons セットの無料 SVG アイコンです(作者: Hugeicons)。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Huge Icons
- 作者
- Hugeicons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- filevalidation
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M9.727 2c-3.26 0-4.892 0-6.024.798a4.1 4.1 0 0 0-.855.805C2 4.669 2 6.203 2 9.273v2.545c0 2.963 0 4.445.469 5.628c.754 1.903 2.348 3.403 4.37 4.113c1.257.441 2.83.441 5.98.441c1.798 0 2.698 0 3.416-.252c1.155-.406 2.066-1.263 2.497-2.35c.268-.676.268-1.523.268-3.216V15.5m-4-8s.5 0 1 1c0 0 1.588-2.5 3-3"/><path d="M22 7a5 5 0 1 1-10 0a5 5 0 0 1 10 0Z"/><path stroke-linejoin="round" d="M2 12a3.333 3.333 0 0 0 3.333 3.333c.666 0 1.451-.116 2.098.057a1.67 1.67 0 0 1 1.179 1.18c.173.647.057 1.432.057 2.098A3.333 3.333 0 0 0 12 22"/></g></svg>File Validation アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:file-validation" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:file-validation" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:file-validation" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--file-validation]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:file-validation"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:file-validation"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/hugeicons/file-validation.svg" alt="File Validation アイコン" width="24" height="24">Huge Icons の関連アイコン
file-01
file-02
file-add
file-archive
file-attachment
file-audio
file-axis3d
file-badge
file-bitcoin
file-block
file-bookmark
file-box
file-braces
file-braces-corner
file-chart-column
file-chart-column-increasing
file-chart-line
file-chart-pie
file-check
file-check-corner
file-clock
file-cloud
file-code
file-code-corner
File Validation アイコン のよくある質問
File Validation アイコンは商用利用でも無料ですか?
はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で File Validation アイコンを使うには?
@iconify/react をインストールして <Icon icon="hugeicons:file-validation" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
File Validation アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/hugeicons/file-validation.svg" alt="File Validation アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。