Fountain Pen アイコン
noto-v1:fountain-pen
Fountain Pen アイコン(noto-v1:fountain-pen)は、Noto Emoji (v1) セットの無料 SVG アイコンです(作者: Google Inc)。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 物
- タグ
- fountainpen
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#bdbdbd" d="M44.88 81.1L26.22 92.72l-8.25 24.93c-.45 1.37 1.2 2.45 2.27 1.48c5.72-5.16 15.91-13 19.98-7.58L50.7 85.43z"/><path fill="#fafafa" d="M39.41 110.71c.28-7.19 5.75-19.78 8.18-25.03c.06-.12-.12-.21-.18-.09l-12.67 22.15c-.62 1.14-1.01 1.94-1.23 2.51l1.65-.4c.97-.25 2.61-.05 3.75.48z"/><circle cx="30.01" cy="101.82" r="2.2" fill="#212121"/><path fill="#212121" d="m30.01 103.42l-10.18 15.44c-.26.37-.16.64-.81.6l-.41-.23l9.96-16.88z"/><path fill="#795548" d="M43.99 74.46c-1.89 1.33-2.09 4.06-.42 5.66l7.24 6.95a4.925 4.925 0 0 0 6.43.34s51.65-56.02 54.22-62.65c2.5-6.47-8.53-14.03-13.72-10.66c-5.11 3.32-53.75 60.36-53.75 60.36"/><path fill="#bcaaa4" d="m70.7 65.39l-.67-.6c-.45-.4-.49-1.1-.09-1.55l25.19-28.15c.4-.45 1.1-.49 1.55-.09l.67.6c.45.4.49 1.1.09 1.55L72.25 65.31c-.4.45-1.1.48-1.55.08M57.53 86.17L45.16 74.9c-.89-.81-.96-2.2-.14-3.09c.81-.89 2.2-.96 3.09-.14l12.37 11.27c.89.81.96 2.2.14 3.09c-.81.89-2.2.95-3.09.14"/></svg>Fountain Pen アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:fountain-pen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:fountain-pen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:fountain-pen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--fountain-pen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:fountain-pen"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:fountain-pen"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/fountain-pen.svg" alt="Fountain Pen アイコン" width="24" height="24">Noto Emoji (v1) の関連アイコン
他のアイコンセットの Fountain Pen アイコン
Fountain Pen アイコン のよくある質問
Fountain Pen アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fountain Pen アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:fountain-pen" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fountain Pen アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/fountain-pen.svg" alt="Fountain Pen アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。