Image File Edit アイコン
streamline-freehand:image-file-edit
Image File Edit アイコン(streamline-freehand:image-file-edit)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 画像・写真
- タグ
- imagefile、fileedit、imagefileedit
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19.912 12.345a3.4 3.4 0 0 0-.766.604a.31.31 0 0 0-.06.434c.251.332.523-.07 1.007-.262c.917-.353 2.187.816 2.177 1.37a2.3 2.3 0 0 1-.574 1.603c.1 0-2.016-1.673-2.732-2.298a.343.343 0 0 0-.494 0c-.423.423.303.675 2.59 2.893c-.332.493-.413.524-4.162 4.394a3.9 3.9 0 0 0-2.228-2.046c1.16-1.451 3.498-4.143 3.397-4.032a.314.314 0 0 0-.504-.373c-3.024 3.165-4.737 4.869-4.797 5.393c-.252 2.298-.424 3.356-.101 3.699c.635.685 3.185-.08 3.719-.413a74 74 0 0 0 6.541-7.449c1.532-2.429-1.3-4.425-3.013-3.518m-4.163 9.907a6.5 6.5 0 0 1-2.097.555c0-1.814.192-2.57.111-2.61c-.08-.041.121-.202.252-.374q.076-.118.172-.221a13.2 13.2 0 0 0 2.157 2.066a8 8 0 0 1-.595.584" clip-rule="evenodd"/><path fill="currentColor" d="M7.877 2.074c-1.925.383-2.5 1.461-2.258 2.771c.555 2.954 5.665 1.754 4.516-1.38a2.016 2.016 0 0 0-2.258-1.391m-1.34 2.55c-.525-1.835 2.187-2.661 2.63-.867s-2.207 2.238-2.63.867M19.055.642a.303.303 0 0 0-.433 0c-.131.142 0 .152 0 .736c0 .585-.575 9.979.433 10.009a.333.333 0 0 0 .353-.333c.1-1.129.222-2.409.272-3.679c.07-2.913-.312-6.48-.625-6.733"/><path fill="currentColor" d="M2.424 14.41c-.594-.16-.413-.14-.443-.584s-.333-11.269 0-12.508c1.008-.262 7.791-.393 9.071-.383c6.642.08 6.834.322 6.844-.212a.353.353 0 0 0-.333-.363C1.185-.335 1.053-.003.832 1.177C.449 3.243.66 14.098 1.164 14.824c.867 1.2 9.072.877 10.523.816a.313.313 0 0 0 0-.615c-.645-.02-6.955-.02-9.263-.614"/><path fill="currentColor" d="M18.208 8.303c-1.3-2.016-3.205-3.246-5.463-2.016c-2.015 1.19-3.023 3.75-3.88 5.876c-.05.11 0 .141-.202-.222a4.45 4.45 0 0 0-2.016-1.733c-2.257-.847-3.336-.343-4.424.887c-.283.352-.151 1.2.15.877c1.09-1.2 1.563-1.391 3.851-.635c.961.304 1.783.94 2.318 1.794c0 .13-.221.816-.362 1.29c-.071.282.594.574.705 0c1.058-3.024 3.528-8.285 6.35-7.459a5.6 5.6 0 0 1 2.097 1.411q.301.331.655.605c.322.212.413-.433.221-.675"/></svg>Image File Edit アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:image-file-edit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:image-file-edit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:image-file-edit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--image-file-edit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:image-file-edit"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:image-file-edit"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/image-file-edit.svg" alt="Image File Edit アイコン" width="24" height="24">Freehand free icons の関連アイコン
他のアイコンセットの Image File Edit アイコン
Image File Edit アイコン のよくある質問
Image File Edit アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Image File Edit アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:image-file-edit" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Image File Edit アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/image-file-edit.svg" alt="Image File Edit アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。