ICONYZ
日本語
Qlementine Icons の Paint Brush Thin 16 アイコン

Paint Brush Thin 16 アイコン

qlementine-icons:paint-brush-thin-16

Paint Brush Thin 16 アイコン(qlementine-icons:paint-brush-thin-16)は、Qlementine Icons セットの無料 SVG アイコンです(作者: Olivier Cléro)。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Qlementine Icons
作者
Olivier Cléro
ライセンス
MIT
サイズ
24 × 24
カテゴリ
その他
タグ
paintbrush、brushthin、paintbrushthin
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 10.5c.622-.622 1.35-.971 2.03-1.21c.384-.134.977-.136.977-.136a.8.8 0 0 1 .092-.439l.107-.201l.026-.049c.635-1.2 1.77-3.33 3.46-5.02c1.57-1.57 2.88-2.28 4.05-2.92q.278-.15.545-.3c.712-.399 1.59-.256 2.17.321c.577.577.72 1.46.32 2.17a40 40 0 0 0-.365.677c-.578 1.09-1.2 2.26-2.86 3.92c-1.71 1.71-3.52 2.68-4.72 3.3l-.115.06l-.44.23a.8.8 0 0 1-.37.094a1 1 0 0 1 .09.414v.586c0 2.21-1.79 4-4 4h-3s.371-.371.661-1c.186-.404.34-.914.34-1.5c0-1.09.158-2.16 1-3zm3.78.144c-.387-.473-.982-.556-1.47-.364c-.577.226-1.22.546-1.6.926c-.553.553-.707 1.28-.707 2.29a4.5 4.5 0 0 1-.261 1.5h1.26c1.66 0 3-1.34 3-3c0-.426.072-1-.219-1.36zm9.12-8.42a.81.81 0 0 0-.156-.974a.81.81 0 0 0-.974-.156q-.276.154-.553.304l-.003.002c-1.15.626-2.36 1.29-3.82 2.75c-.77.77-1.45 1.66-2.02 2.52l1.96 1.96c.831-.554 1.71-1.23 2.51-2.02c1.55-1.55 2.12-2.62 2.67-3.67l.008-.015q.178-.339.375-.694zm-6.43 6.95l-1.64-1.64a34 34 0 0 0-.828 1.46a1 1 0 0 0 1 1c.408-.212.916-.486 1.47-.82z" clip-rule="evenodd"/></svg>

Paint Brush Thin 16 アイコンの使い方

React

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

<Icon icon="qlementine-icons:paint-brush-thin-16" width="24" />

Vue

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

<template>
  <Icon icon="qlementine-icons:paint-brush-thin-16" width="24" />
</template>

Svelte

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

<Icon icon="qlementine-icons:paint-brush-thin-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--paint-brush-thin-16]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="qlementine-icons:paint-brush-thin-16"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/qlementine-icons/paint-brush-thin-16.svg" alt="Paint Brush Thin 16 アイコン" width="24" height="24">

Qlementine Icons の関連アイコン

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

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

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

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

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

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

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

Qlementine Icons をすべて見る →