Pencil Writing Light アイコン
stash:pencil-writing-light
Pencil Writing Light アイコン(stash:pencil-writing-light)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- pencilwriting、writinglight、pencilwritinglight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.772 9.05a.5.5 0 0 1 .183.684l-3.417 5.913a.5.5 0 0 1-.866-.5l3.417-5.914a.5.5 0 0 1 .683-.183"/><path fill="currentColor" d="M15.14 3.983a2.4 2.4 0 0 0-.525.591c-.153.228-.32.518-.528.876l-5.122 8.864a3.2 3.2 0 0 0-.461 1.78l.035 2.117c.007.384.012.707.04.961q.017.165.057.328H4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 .123-.015a2 2 0 0 0 .472-.15c.234-.103.516-.26.852-.446l1.854-1.028a3.2 3.2 0 0 0 1.311-1.288l5.123-8.864c.207-.358.375-.649.496-.895a2.4 2.4 0 0 0 .249-.75a2.34 2.34 0 0 0-.464-1.73a2.4 2.4 0 0 0-.591-.525c-.228-.153-.519-.32-.877-.527l-.03-.018c-.36-.207-.65-.374-.896-.495a2.4 2.4 0 0 0-.751-.249a2.34 2.34 0 0 0-1.73.463m1.6.528c.106.014.234.054.442.156c.212.104.474.255.85.472c.378.218.64.369.835.5c.193.13.291.22.356.304c.216.282.312.638.265.99c-.013.105-.053.233-.155.44a16 16 0 0 1-.473.85l-.13.227a3 3 0 0 0-.19-.21c-.296-.3-.791-.703-1.618-1.18c-.813-.47-1.376-.73-1.746-.874a5 5 0 0 0-.297-.106l.065-.114c.218-.377.37-.638.501-.834c.13-.192.22-.29.304-.355c.282-.216.639-.312.992-.266m1.447 4.879l-4.44 7.683a2.2 2.2 0 0 1-.931.914l-1.646.912A2 2 0 0 0 9.536 18l-.033-1.923a2.2 2.2 0 0 1 .328-1.262l4.53-7.838q.037.01.075.017h.003l.055.014c.058.016.162.048.318.11c.313.121.83.358 1.61.808c.768.442 1.186.793 1.406 1.016a1.7 1.7 0 0 1 .216.264a.5.5 0 0 0 .142.184"/></svg>Pencil Writing Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:pencil-writing-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:pencil-writing-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:pencil-writing-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--pencil-writing-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:pencil-writing-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:pencil-writing-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/pencil-writing-light.svg" alt="Pencil Writing Light アイコン" width="24" height="24">Stash Icons の関連アイコン
Pencil Writing Light アイコン のよくある質問
Pencil Writing Light アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pencil Writing Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:pencil-writing-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pencil Writing Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/pencil-writing-light.svg" alt="Pencil Writing Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。