Pen Nib Filled アイコン

Q: Pen Nib Filled アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:pen-nib-filled

Pen Nib Filled アイコン(reicon:pen-nib-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: テキスト書式
タグ: pennib、nibfilled、pennibfilled

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m15.23 2.709l-1.616 1.616l-4.683 1.208c-.978.253-1.628.42-2.179.761A4.25 4.25 0 0 0 5.515 7.46c-.373.53-.579 1.169-.888 2.13L1.85 18.21c-.222.689-.405 1.255-.506 1.71c-.102.45-.158.929.004 1.38c.037.102.167.124.244.047L8.27 14.67a.6.6 0 0 0 .125-.144a.2.2 0 0 0 .025-.107a.8.8 0 0 0-.055-.211a2.25 2.25 0 1 1 1.429 1.429a.8.8 0 0 0-.212-.056a.2.2 0 0 0-.107.025c-.038.018-.073.054-.144.125l-6.677 6.677c-.077.077-.055.206.047.243c.451.163.929.106 1.38.005c.454-.102 1.02-.284 1.71-.506l8.505-2.74l.004-.002l.11-.035c.962-.31 1.6-.515 2.13-.889c.469-.33.865-.75 1.166-1.237c.342-.55.51-1.2.762-2.179l1.208-4.682l1.617-1.618c.328-.328.606-.606.816-.853c.22-.259.407-.532.515-.863a2.5 2.5 0 0 0 0-1.545c-.108-.332-.296-.605-.515-.863c-.21-.247-.488-.525-.817-.853L20.21 2.708a16 16 0 0 0-.854-.816c-.258-.22-.531-.408-.863-.515a2.5 2.5 0 0 0-1.545 0c-.331.108-.604.295-.863.515c-.247.21-.525.488-.854.817m2.799.094a1 1 0 0 0-.618 0c-.068.023-.169.073-.356.232c-.195.165-.43.4-.785.755L15.06 5L19 8.94l1.21-1.211c.355-.355.59-.59.754-.785c.16-.187.21-.287.232-.356a1 1 0 0 0 0-.618c-.022-.068-.073-.168-.232-.355c-.165-.195-.4-.43-.754-.785l-1.04-1.04c-.356-.355-.59-.59-.785-.755c-.188-.16-.288-.21-.356-.232" clip-rule="evenodd"/></svg>

Pen Nib Filled アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="reicon:pen-nib-filled" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="reicon:pen-nib-filled" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="reicon:pen-nib-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--pen-nib-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:pen-nib-filled"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="reicon:pen-nib-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/pen-nib-filled.svg" alt="Pen Nib Filled アイコン" width="24" height="24">

Reicon の関連アイコン

Pen Nib Filled アイコンのよくある質問

Pen Nib Filled アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Pen Nib Filled アイコンを使うには?

@iconify/react をインストールして <Icon icon="reicon:pen-nib-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Pen Nib Filled アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/pen-nib-filled.svg" alt="Pen Nib Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Reicon アイコンをすべて見る →