Paintbrush Two Tone アイコン

Q: Paintbrush Two Tone アイコンは商用利用でも無料ですか?

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

keyline-icons:paintbrush-two-tone

Paintbrush Two Tone アイコン(keyline-icons:paintbrush-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: paintbrushtwo、twotone、paintbrushtwotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12 1L16 1C17.6569 1 19 2.3431 19 4L19 11.0858C19.5993 11.2977 20 11.8643 20 12.5L20 13C20 15.2091 18.2091 17 16 17L15.6297 17C15.3536 17 15.1297 17.2239 15.1297 17.5C15.1297 17.5329 15.133 17.5658 15.1394 17.5981L15.4806 19.3039C15.4935 19.3685 15.5 19.4341 15.5 19.5C15.5 21.433 13.933 23 12 23C10.067 23 8.5 21.433 8.5 19.5C8.5 19.4341 8.5065 19.3685 8.5194 19.3039L8.8606 17.5981C8.867 17.5658 8.8703 17.5329 8.8703 17.5C8.8703 17.2239 8.6464 17 8.3703 17L8 17C5.7909 17 4 15.2091 4 13L4 12.5C4 11.8643 4.4007 11.2977 5 11.0858L5 4C5 2.3431 6.3431 1 8 1L12 1Z" stroke="none"/><path d="M12 2L16 2C17.1046 2 18 2.8954 18 4L18 11.5C18 11.7761 18.2239 12 18.5 12C18.7761 12 19 12.2239 19 12.5L19 13C19 14.6569 17.6569 16 16 16L15.6297 16C14.6831 16 13.9732 16.866 14.1588 17.7942L14.5 19.5C14.5 20.8807 13.3807 22 12 22C10.6193 22 9.5 20.8807 9.5 19.5L9.8412 17.7942C10.0268 16.866 9.3169 16 8.3703 16L8 16C6.3431 16 5 14.6569 5 13L5 12.5C5 12.2239 5.2239 12 5.5 12C5.7761 12 6 11.7761 6 11.5L6 4C6 2.8954 6.8954 2 8 2ZM6 12L18 12M10 2L10 6M14 2L14 8"/></g></svg>

Paintbrush Two Tone アイコンの使い方

React

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

<Icon icon="keyline-icons:paintbrush-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:paintbrush-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:paintbrush-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--paintbrush-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:paintbrush-two-tone"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:paintbrush-two-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/paintbrush-two-tone.svg" alt="Paintbrush Two Tone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Paintbrush Two Tone アイコンのよくある質問

Paintbrush Two Tone アイコンは商用利用でも無料ですか?

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

React で Paintbrush Two Tone アイコンを使うには?

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

Paintbrush Two Tone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/paintbrush-two-tone.svg" alt="Paintbrush Two Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →