File Figma Linear アイコン
solar:file-figma-linear
File Figma Linear アイコン(solar:file-figma-linear)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- タグ
- filefigma、figmalinear、filefigmalinear
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 d="M8 10H6.5C5.67157 10 5 10.6716 5 11.5C5 12.3284 5.67157 13 6.5 13M8 10V13M8 10H9.5C10.3284 10 11 10.6716 11 11.5C11 12.3284 10.3284 13 9.5 13M8 13H6.5M8 13V16M8 13H9.5M6.5 13C5.67157 13 5 13.6716 5 14.5C5 15.3284 5.67157 16 6.5 16M8 16H6.5M8 16V17.5C8 18.3284 7.32843 19 6.5 19C5.67157 19 5 18.3284 5 17.5C5 16.6716 5.67157 16 6.5 16M9.5 13C8.67157 13 8 13.6716 8 14.5C8 15.3284 8.67157 16 9.5 16C10.3284 16 11 15.3284 11 14.5C11 13.6716 10.3284 13 9.5 13Z"/><path d="M13 2.2627V5.0003C13 7.35732 13 8.53583 13.7322 9.26806C14.4645 10.0003 15.643 10.0003 18 10.0003H21.58"/><path stroke-linejoin="round" d="M3.17139 3.17157C4.34296 2 6.23851 2 10.0296 2C11.5546 2 12.3173 2.00011 13.0093 2.26562C13.7012 2.53114 14.2651 3.03857 15.3929 4.05365L19.3516 7.61621C20.6558 8.78998 21.3078 9.3774 21.6538 10.1543C21.9998 10.9312 22 11.8079 22 13.5625V14C22 17.7712 22 19.6566 20.8284 20.8281C19.6569 21.9997 17.7712 22 14 22L9.9969 21.9997C6.22761 21.9997 4.34284 21.9997 3.17157 20.8284C2 19.6569 2 17.7712 2 14V9.9982C2 6.22817 2 4.34296 3.17139 3.17157Z"/></g></svg>File Figma Linear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:file-figma-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:file-figma-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:file-figma-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--file-figma-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:file-figma-linear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:file-figma-linear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/file-figma-linear.svg" alt="File Figma Linear アイコン" width="24" height="24">Solar の関連アイコン
file-add-bold
file-add-bold-duotone
file-add-broken
file-add-line-duotone
file-add-linear
file-add-outline
file-audio-bold
file-audio-bold-duotone
file-audio-broken
file-audio-line-duotone
file-audio-linear
file-audio-outline
file-badge-bold
file-badge-bold-duotone
file-badge-broken
file-badge-line-duotone
file-badge-linear
file-badge-outline
file-bold
file-bold-duotone
file-braces-bold
file-braces-bold-duotone
file-braces-broken
file-braces-line-duotone
File Figma Linear アイコン のよくある質問
File Figma Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で File Figma Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:file-figma-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
File Figma Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/file-figma-linear.svg" alt="File Figma Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。