Paint Bucket Brush 16 Regular アイコン

Q: Paint Bucket Brush 16 Regular アイコンは商用利用でも無料ですか?

はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent:paint-bucket-brush-16-regular

Paint Bucket Brush 16 Regular アイコン(fluent:paint-bucket-brush-16-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 16 × 16 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent UI System Icons
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 16 × 16
タグ: paintbucket、bucketbrush、brushregular、paintbucketbrushregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M5.5 1a.5.5 0 0 1 .5.5v.959c.272.08.53.227.744.442l2.291 2.29a1.75 1.75 0 0 1 0 2.476l-.142.142a.5.5 0 0 1-.084.084l-3.062 3.062a1.75 1.75 0 0 1-2.475 0L.982 8.664a1.75 1.75 0 0 1 0-2.475L4.268 2.9c.212-.211.464-.357.731-.438V1.5a.5.5 0 0 1 .5-.5m2.788 6l.04-.04a.75.75 0 0 0 0-1.061l-2.29-2.291L6 3.573V4.5a.5.5 0 0 1-1 0v-.915l-.024.023l-3.288 3.288A1 1 0 0 0 1.602 7zM1.732 8l2.247 2.248a.75.75 0 0 0 1.061 0L7.288 8zm8.252 4.984l.005.005a1.87 1.87 0 0 1-.545 1.209c-.56.559-1.257.862-2.017.814c-.752-.047-1.492-.432-2.163-1.104a.5.5 0 0 1 .211-.833c.363-.107.557-.21.663-.291a.43.43 0 0 0 .155-.198c.016-.042.03-.089.049-.158l.009-.034a3 3 0 0 1 .06-.209a1.54 1.54 0 0 1 .383-.636a1.87 1.87 0 0 1 1.21-.545l.01.01a1.9 1.9 0 0 1 .157-.526c.237-.523.691-.976.995-1.28l.025-.025c1.076-1.076 2.184-1.966 3.106-2.525c.458-.277.895-.488 1.273-.59c.337-.09.827-.145 1.166.194c.34.34.283.83.193 1.166c-.101.378-.312.815-.59 1.272c-.558.923-1.448 2.031-2.524 3.107l-.025.025c-.304.304-.757.758-1.28.995a1.9 1.9 0 0 1-.526.157m-2.482-.728a.54.54 0 0 0-.14.239l-.042.144l-.012.047c-.02.075-.047.171-.087.27c-.086.216-.225.43-.477.623q-.078.06-.168.114c.328.206.636.303.913.321c.434.027.86-.137 1.247-.523a.873.873 0 1 0-1.234-1.235m1.504-.951c.016.11.075.256.253.434s.324.237.434.253a.7.7 0 0 0 .404-.075c.34-.155.676-.482 1.011-.817c1.035-1.035 1.87-2.081 2.376-2.918c.256-.421.413-.765.48-1.014q.028-.11.032-.166a1 1 0 0 0-.166.033c-.249.066-.593.223-1.014.479c-.837.506-1.883 1.34-2.918 2.376c-.335.335-.662.67-.817 1.012a.7.7 0 0 0-.075.403"/></svg>

Paint Bucket Brush 16 Regular アイコンの使い方

React

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

<Icon icon="fluent:paint-bucket-brush-16-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:paint-bucket-brush-16-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:paint-bucket-brush-16-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--paint-bucket-brush-16-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:paint-bucket-brush-16-regular"></div>

Web コンポーネント

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

<iconify-icon icon="fluent:paint-bucket-brush-16-regular"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/paint-bucket-brush-16-regular.svg" alt="Paint Bucket Brush 16 Regular アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Paint Bucket Brush 16 Regular アイコンのよくある質問

Paint Bucket Brush 16 Regular アイコンは商用利用でも無料ですか?

はい。Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Paint Bucket Brush 16 Regular アイコンを使うには?

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

Paint Bucket Brush 16 Regular アイコンをウェブページに追加するには?

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

Fluent UI System Icons をすべて見る →