Edit 2 Ai Fill アイコン
mingcute:edit-2-ai-fill
Edit 2 Ai Fill アイコン(mingcute:edit-2-ai-fill)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- editai、aifill、editaifill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m17.827 14.241l-7.173 7.174a2 2 0 0 1-1.415.586H4.006a1.01 1.01 0 0 1-1.01-1.01v-5.233a2 2 0 0 1 .586-1.414l7.174-7.174zM17 18c.362 0 .598.186.695.277c.115.11.197.25.268.391a1 1 0 0 0 .4.386c.134.073.258.142.364.256a1.01 1.01 0 0 1 0 1.38c-.107.114-.23.183-.364.256a1 1 0 0 0-.4.386c-.078.143-.148.276-.268.39a1.01 1.01 0 0 1-1.39 0c-.12-.113-.19-.247-.268-.39a1 1 0 0 0-.4-.386a1.3 1.3 0 0 1-.363-.256a1.01 1.01 0 0 1 0-1.38c.106-.113.23-.185.364-.256a1 1 0 0 0 .4-.386c.077-.143.147-.277.267-.39c.096-.091.334-.278.695-.278M13.896 4.03a2 2 0 0 1 2.828 0l4.243 4.242a2 2 0 0 1 0 2.83l-1.726 1.725l-7.07-7.071zM5 1a1 1 0 0 1 .947.677l.128.378a3 3 0 0 0 1.87 1.869l.378.13a1 1 0 0 1 0 1.892l-.378.13a3 3 0 0 0-1.87 1.868l-.128.38a1 1 0 0 1-1.893 0l-.13-.38a3 3 0 0 0-1.87-1.869l-.377-.129a1 1 0 0 1 0-1.892l.378-.13a3 3 0 0 0 1.87-1.87l.129-.377A1 1 0 0 1 5 1"/></svg>
Edit 2 Ai Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:edit-2-ai-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:edit-2-ai-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:edit-2-ai-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--edit-2-ai-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:edit-2-ai-fill"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:edit-2-ai-fill"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/edit-2-ai-fill.svg" alt="Edit 2 Ai Fill アイコン" width="24" height="24">
Edit 2 Ai Fill アイコン のよくある質問
Edit 2 Ai Fill アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Edit 2 Ai Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:edit-2-ai-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Edit 2 Ai Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/edit-2-ai-fill.svg" alt="Edit 2 Ai Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
MingCute Icon アイコン をすべて見る →
ICONYZ
