Paint Brush Household アイコン
ph:paint-brush-household
Paint Brush Household アイコン(ph:paint-brush-household)は、Phosphor セットの無料 SVG アイコンです(作者: Phosphor Icons)。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- colors、color picker、arts、paintbrush、brushhousehold、paintbrushhousehold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M230.64 25.36a32 32 0 0 0-45.26 0q-.21.21-.42.45l-53.41 62.41L121 77.64a24 24 0 0 0-33.95 0l-76.69 76.7a8 8 0 0 0 0 11.31l80 80a8 8 0 0 0 11.31 0L178.36 169a24 24 0 0 0 0-33.95l-10.58-10.57L230.19 71c.15-.14.31-.28.45-.43a32 32 0 0 0 0-45.21M96 228.69L79.32 212l22.34-22.35a8 8 0 0 0-11.31-11.31L68 200.68L55.32 188l22.34-22.35a8 8 0 0 0-11.31-11.31L44 176.68L27.31 160L72 115.31L140.69 184ZM219.52 59.1l-68.71 58.81a8 8 0 0 0-.46 11.74L167 146.34a8 8 0 0 1 0 11.31l-15 15L83.32 104l15-15a8 8 0 0 1 11.31 0l16.69 16.69a8 8 0 0 0 11.74-.46l58.84-68.75a16 16 0 0 1 22.62 22.62"/></svg>Paint Brush Household アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:paint-brush-household" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:paint-brush-household" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:paint-brush-household" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--paint-brush-household]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:paint-brush-household"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:paint-brush-household"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/paint-brush-household.svg" alt="Paint Brush Household アイコン" width="24" height="24">Phosphor の関連アイコン
paint-brush
paint-brush-bold
paint-brush-broad
paint-brush-broad-bold
paint-brush-broad-duotone
paint-brush-broad-fill
paint-brush-broad-light
paint-brush-broad-thin
paint-brush-duotone
paint-brush-fill
paint-brush-household-bold
paint-brush-household-duotone
paint-brush-household-fill
paint-brush-household-light
paint-brush-household-thin
paint-brush-light
paint-brush-thin
paint-bucket
paint-bucket-bold
paint-bucket-duotone
paint-bucket-fill
paint-bucket-light
paint-bucket-thin
paint-roller
Paint Brush Household アイコン のよくある質問
Paint Brush Household アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Paint Brush Household アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:paint-brush-household" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Paint Brush Household アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/paint-brush-household.svg" alt="Paint Brush Household アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。