ICONYZ
日本語
Noto Emoji (v1) の Fountain Pen アイコン

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 コード

<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 コードをページに直接貼り付けます。

Noto Emoji (v1) アイコン をすべて見る →