ICONYZ
日本語
MingCute Icon の Brush 3 Fill アイコン

Brush 3 Fill アイコン

mingcute:brush-3-fill

Brush 3 Fill アイコン(mingcute:brush-3-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
タグ
brushfill
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.655 4.427a3 3 0 0 1 5.796 1.554l-1.036 3.863l1.357.363c1.655.444 2.511 2.12 2.279 3.657c-.11.729-.154 1.446-.065 1.967c.219 1.282 1.049 2.532 1.812 3.566A1 1 0 0 1 20 21H5.5c-.32 0-.627-.159-.814-.419c-.488-.683-.837-1.457-1.125-2.243c-.499-1.364-.916-3.293-.547-5.503a11.6 11.6 0 0 1 1.428-3.993c.655-1.109 1.931-1.42 2.992-1.137l2.186.586zM7.98 15a1 1 0 0 0-.993 1.007c.008 1.127.397 2.201.774 2.993h2.276a9 9 0 0 1-.393-.699c-.35-.694-.651-1.532-.657-2.308A1 1 0 0 0 7.98 15m5.832-10.761a1 1 0 0 0-1.224.708l-1.294 4.829a1 1 0 0 1-1.225.707l-3.152-.845c-.383-.103-.646.044-.751.222a9 9 0 0 0-.703 1.494l11.51 3.053c.025-.294.061-.578.101-.842c.105-.691-.297-1.284-.818-1.424l-2.323-.623a1 1 0 0 1-.707-1.225l1.293-4.829a1 1 0 0 0-.707-1.225"/></svg>

Brush 3 Fill アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="mingcute:brush-3-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="mingcute:brush-3-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="mingcute:brush-3-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--brush-3-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:brush-3-fill"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="mingcute:brush-3-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mingcute/brush-3-fill.svg" alt="Brush 3 Fill アイコン" width="24" height="24">

MingCute Icon の関連アイコン

他のアイコンセットの Brush 3 Fill アイコン

Brush 3 Fill アイコン のよくある質問

Brush 3 Fill アイコンは商用利用でも無料ですか?

はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Brush 3 Fill アイコンを使うには?

@iconify/react をインストールして <Icon icon="mingcute:brush-3-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Brush 3 Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/brush-3-fill.svg" alt="Brush 3 Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

MingCute Icon アイコン をすべて見る →