ICONYZ
日本語
Solar の Pen 2 Outline アイコン

Pen 2 Outline アイコン

solar:pen-2-outline

Pen 2 Outline アイコン(solar:pen-2-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Solar
作者
480 Design
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
メッセージ
タグ
penoutline
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="M14.0992 2.39109C15.6207 0.869636 18.0875 0.869636 19.6089 2.39109C21.1304 3.91255 21.1304 6.37932 19.6089 7.90077L12.0149 15.4948C11.5869 15.9228 11.3255 16.1842 11.0342 16.4115C10.691 16.6792 10.3196 16.9087 9.92667 17.096C9.59315 17.2549 9.24244 17.3718 8.66818 17.5632L5.99553 18.4541L5.35386 18.668C4.77951 18.8594 4.14629 18.7099 3.7182 18.2818C3.2901 17.8537 3.14062 17.2205 3.33207 16.6462L4.43683 13.3318C4.62822 12.7576 4.7451 12.4069 4.90405 12.0734C5.09132 11.6804 5.32084 11.309 5.58856 10.9658C5.81578 10.6745 6.07719 10.4131 6.50525 9.98509L14.0992 2.39109ZM5.96092 16.8845L5.11556 16.0391L5.84398 13.8538C6.05606 13.2176 6.14366 12.9589 6.25814 12.7187C6.39854 12.4241 6.57061 12.1457 6.77132 11.8883C6.93497 11.6785 7.12718 11.4845 7.60141 11.0102L13.4924 5.11927C13.7355 5.72927 14.147 6.46549 14.8408 7.15927C15.5345 7.85306 16.2708 8.26447 16.8807 8.50764L10.9898 14.3986C10.5155 14.8728 10.3215 15.065 10.1117 15.2287C9.85436 15.4294 9.57594 15.6015 9.28134 15.7419C9.04113 15.8564 8.78244 15.944 8.14619 16.156L5.96092 16.8845ZM18.076 7.31241C17.9521 7.28522 17.7973 7.24432 17.6213 7.18325C17.1373 7.01532 16.5006 6.69778 15.9014 6.09861C15.3022 5.49944 14.9847 4.86276 14.8168 4.37873C14.7557 4.2027 14.7148 4.04787 14.6876 3.92404L15.1599 3.45175C16.0956 2.51608 17.6126 2.51608 18.5483 3.45175C19.4839 4.38742 19.4839 5.90444 18.5483 6.84011L18.076 7.31241ZM3.25002 22C3.25002 21.5858 3.58581 21.25 4.00002 21.25H20V22.75H4.00002C3.58581 22.75 3.25002 22.4142 3.25002 22Z" clip-rule="evenodd"/></svg>

Pen 2 Outline アイコンの使い方

React

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

<Icon icon="solar:pen-2-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:pen-2-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:pen-2-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--pen-2-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:pen-2-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:pen-2-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/pen-2-outline.svg" alt="Pen 2 Outline アイコン" width="24" height="24">

Solar の関連アイコン

pen-2-bold アイコン
pen-2-bold
 pen-2-bold-duotone アイコン
pen-2-bold-duotone
 pen-2-broken アイコン
pen-2-broken
 pen-2-line-duotone アイコン
pen-2-line-duotone
 pen-2-linear アイコン
pen-2-linear
 pen-bold アイコン
pen-bold
 pen-bold-duotone アイコン
pen-bold-duotone
 pen-broken アイコン
pen-broken
 pen-line-duotone アイコン
pen-line-duotone
 pen-linear アイコン
pen-linear
 pen-new-round-bold アイコン
pen-new-round-bold
 pen-new-round-bold-duotone アイコン
pen-new-round-bold-duotone
 pen-new-round-broken アイコン
pen-new-round-broken
 pen-new-round-line-duotone アイコン
pen-new-round-line-duotone
 pen-new-round-linear アイコン
pen-new-round-linear
 pen-new-round-outline アイコン
pen-new-round-outline
 pen-new-square-bold アイコン
pen-new-square-bold
 pen-new-square-bold-duotone アイコン
pen-new-square-bold-duotone
 pen-new-square-broken アイコン
pen-new-square-broken
 pen-new-square-line-duotone アイコン
pen-new-square-line-duotone
 pen-new-square-linear アイコン
pen-new-square-linear
 pen-new-square-outline アイコン
pen-new-square-outline
 pen-outline アイコン
pen-outline

Pen 2 Outline アイコン のよくある質問

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

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Pen 2 Outline アイコンを使うには?

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

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

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

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