Pencil アイコン
simple-line-icons:pencil
Pencil アイコン(simple-line-icons:pencil)は、Simple line icons セットの無料 SVG アイコンです（作者: Sabbir Ahmed）。 1024 × 1024 のグリッドで描かれています。 Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple line icons
- 作者
- Sabbir Ahmed
- ライセンス
- MIT
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M964.256 49.664C929.392 16.256 890.933-.672 849.877-.672c-64.192 0-111.024 41.472-123.841 54.176c-18.032 17.856-633.152 633.2-633.152 633.2a33 33 0 0 0-8.447 14.592C70.565 752.559 1.077 980.016.387 982.304c-3.567 11.648-.384 24.337 8.208 32.928a32.34 32.34 0 0 0 22.831 9.44c3.312 0 6.655-.496 9.919-1.569c2.352-.767 237.136-76.655 275.775-88.19a32.74 32.74 0 0 0 13.536-8.033c24.416-24.128 598.128-591.456 636.208-630.784c39.392-40.592 58.96-82.864 58.208-125.616c-.784-42.208-21.248-82.848-60.816-120.816M715.845 155.84c16.304 3.952 54.753 16.862 94.017 56.479c39.68 40.032 50.416 85.792 52.416 96.208c-125.824 125.168-415.456 411.728-529.632 524.672c-10.544-24.56-27.584-54.144-54.993-81.76c-33.471-33.728-67.536-52.783-93.808-63.503c112.992-113.008 408.08-408.224 532-532.096M140.39 741.95c17.584 4.672 54.111 18.224 91.344 55.76c28.672 28.912 42.208 60.8 48.288 80.24c-44.48 14.304-141.872 47.92-203.76 67.872c18.336-60.336 49.311-154.304 64.128-203.872m780.031-491.584a1749 1749 0 0 1-6.065 6.16c-10.113-26.049-27.857-59.52-58.577-90.496c-31.391-31.648-63.231-50.32-88.75-61.36c2.175-2.16 3.855-3.857 4.511-4.496c3.664-3.617 36.897-35.376 78.32-35.376c23.84 0 47.248 10.88 69.617 32.32c26.511 25.424 40.175 50.512 40.624 74.592c.431 24.576-12.913 51.04-39.68 78.656"/></svg>
Pencil アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:pencil" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:pencil" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:pencil" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--pencil]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:pencil"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:pencil"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-line-icons/pencil.svg" alt="Pencil アイコン" width="24" height="24">
Pencil アイコン のよくある質問
Pencil アイコンは商用利用でも無料ですか?
はい。Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pencil アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-line-icons:pencil" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pencil アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-line-icons/pencil.svg" alt="Pencil アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Simple line icons をすべて見る →
ICONYZ
