Pen 1 Solid アイコン
streamline-plump:pen-1-solid
Pen 1 Solid アイコン(streamline-plump:pen-1-solid)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- pensolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M35.686 4.122a25 25 0 0 0-.486-.324c-2.669-1.736-5.727-1.113-7.969.56c-1.54-.74-3.182-1.063-4.32-1.212c-1.78-.234-3.394.508-4.497 1.612l-8.829 8.828a2 2 0 1 0 2.829 2.829l8.828-8.828c.397-.397.823-.518 1.147-.475c.978.128 2.145.386 3.122.857q.249.157.522.336c1.816 1.194 4.4 3.123 7.556 6.104s5.201 5.423 6.468 7.143c.522.709.912 1.294 1.193 1.744l1.566-1.572c2.257-2.264 3.384-5.853 1.386-8.925q-.155-.237-.324-.485l.816-.952c1.084-1.265 2.103-3.39.996-5.474a8.6 8.6 0 0 0-1.53-2.048a8.6 8.6 0 0 0-2.048-1.53c-2.084-1.107-4.21-.088-5.474.996zm3.377 21.369q-.074-.136-.22-.38a23 23 0 0 0-1.201-1.78c-1.156-1.57-3.081-3.878-6.113-6.74c-3.03-2.864-5.477-4.684-7.144-5.779a25 25 0 0 0-1.893-1.14q-.315-.167-.464-.237l-.013-.006L5.107 26.277a5 5 0 0 0-.154.16q.48.336 1.026.734c2.157 1.577 5.038 3.874 7.925 6.75s5.192 5.749 6.774 7.899q.488.664.883 1.228q.082-.075.161-.155zm-35.46 3.665q-.05.286-.066.58c-.102 1.75-.25 5.065-.298 10.111c-.005.517.15 1.048.483 1.495l.046.062l-2.182 2.182a2 2 0 0 0 2.828 2.829l2.183-2.183l.06.045c.447.333.979.489 1.495.484c5.047-.049 8.362-.196 10.112-.298a5 5 0 0 0 .577-.066q-.27-.38-.579-.799c-1.518-2.063-3.724-4.81-6.475-7.552s-5.508-4.94-7.578-6.453q-.315-.23-.606-.437" clip-rule="evenodd"/></svg>
Pen 1 Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:pen-1-solid" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:pen-1-solid" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:pen-1-solid" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--pen-1-solid]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:pen-1-solid"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:pen-1-solid"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/pen-1-solid.svg" alt="Pen 1 Solid アイコン" width="24" height="24">
他のアイコンセットの Pen 1 Solid アイコン
Pen 1 Solid アイコン のよくある質問
Pen 1 Solid アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Pen 1 Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:pen-1-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pen 1 Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/pen-1-solid.svg" alt="Pen 1 Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Plump free icons をすべて見る →
ICONYZ
