Paintbrush アイコン
whh:paintbrush
Paintbrush アイコン(whh:paintbrush)は、WebHostingHub Glyphs セットの無料 SVG アイコンです（作者: WebHostingHub）。 1024 × 1024 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- WebHostingHub Glyphs
- 作者
- WebHostingHub
- ライセンス
- OFL-1.1
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m1015 971l-44 44q-10 9-86.5 9t-86.5-9L503 619l-68 63q-25 23-82 21.5T270 678q-16-15-14-36.5t11-39t20-27.5l288-288q10-9 27-17.5t39.5-12T680 269q25 24 23 95t-27 95l-53 48l392 292q9 9 9 85.5t-9 86.5M270 678l.5.5l.5.5zm411-409h-1v-1zM393 54q-9-9-9-22t9-22.5T415 0t22 10l184 184l-44 44zm88 280L297 150q-9-10-9-22.5t9-22t22-9.5t22 10l184 184zm-96 96L201 246q-9-10-9-22.5t9-22t22-9.5t22 9l184 185zm-96 95L105 341q-9-9-9-21.5t9-22t22-9.5t22 9l184 184zm-96 96L9 437q-9-9-9-22t9-22t22-9t22 9l184 184z"/></svg>
Paintbrush アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="whh:paintbrush" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:paintbrush" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:paintbrush" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--paintbrush]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:paintbrush"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:paintbrush"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/whh/paintbrush.svg" alt="Paintbrush アイコン" width="24" height="24">
他のアイコンセットの Paintbrush アイコン
Paintbrush アイコン のよくある質問
Paintbrush アイコンは商用利用でも無料ですか?
はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Paintbrush アイコンを使うには?
@iconify/react をインストールして <Icon icon="whh:paintbrush" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Paintbrush アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/whh/paintbrush.svg" alt="Paintbrush アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
WebHostingHub Glyphs アイコン をすべて見る →
ICONYZ
