ICONYZ
日本語
SmartIcons Glyph の Brush And Pencil アイコン

Brush And Pencil アイコン

si-glyph:brush-and-pencil

Brush And Pencil アイコン(si-glyph:brush-and-pencil)は、SmartIcons Glyph セットの無料 SVG アイコンです(作者: SmartIcons)。 16 × 24 のグリッドで描かれています。 SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
SmartIcons Glyph
作者
SmartIcons
ライセンス
CC-BY-SA-4.0
サイズ
16 × 24
タグ
brushand、andpencil、brushandpencil
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><g fill="currentColor" fill-rule="evenodd"><path d="M15.833 13.042c-.517.179-1.538.55-2.712-1.436c-1.174-1.984-2.726-1.523-2.726-1.523c-.087.015-.161.044-.238.07c-1.752-2.495-6.679-7.929-7.113-8.364C2.421 1.167 1.375.583.5 1.5c-.823.862-.401 1.987.222 2.61c.438.438 5.902 5.39 8.396 7.136a1.2 1.2 0 0 0-.076.337c0 3.646 3.729 3.453 4.5 3.312c1.375-.249 2.808-2.03 2.291-1.853"/><path d="m5.613 10.73l-.227.752l.486.486l-3.811 1.656l-.75-.719l1.721-3.627l-.018.706l.998-.014l.853-.845c-.53-.45-1.058-.906-1.562-1.347l-.834.835S.157 13.933 0 14.363c-.125.34.306.771.604.625c.48-.237 5.74-2.52 5.74-2.52l1.168-1.172a59 59 0 0 1-1.361-1.094zm6.534-8.81l1.259 1.236l-4.23 4.107c.378.46.734.902 1.051 1.311l4.261-4.275c.502-.502.53-1.226-.008-1.763L12.475.546c-.539-.537-1.383-.565-1.884-.064L6.71 4.37c.446.51.909 1.045 1.364 1.581z"/></g></svg>

Brush And Pencil アイコンの使い方

React

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

<Icon icon="si-glyph:brush-and-pencil" width="24" />

Vue

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

<template>
  <Icon icon="si-glyph:brush-and-pencil" width="24" />
</template>

Svelte

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

<Icon icon="si-glyph:brush-and-pencil" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--brush-and-pencil]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:brush-and-pencil"></div>

Web コンポーネント

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

<iconify-icon icon="si-glyph:brush-and-pencil"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/si-glyph/brush-and-pencil.svg" alt="Brush And Pencil アイコン" width="24" height="24">

SmartIcons Glyph の関連アイコン

Brush And Pencil アイコン のよくある質問

Brush And Pencil アイコンは商用利用でも無料ですか?

はい。SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Brush And Pencil アイコンを使うには?

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

Brush And Pencil アイコンをウェブページに追加するには?

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

SmartIcons Glyph アイコン をすべて見る →