Article Plus Light アイコン

Q: Article Plus Light アイコンは商用利用でも無料ですか?

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

stash:article-plus-light

Article Plus Light アイコン(stash:article-plus-light)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Stash Icons
作者: Pingback LLC
ライセンス: MIT
サイズ: 24 × 24
タグ: articleplus、pluslight、articlepluslight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.179 2.5H16.32c.542 0 .98 0 1.333.029c.365.03.685.093.981.243a2.5 2.5 0 0 1 1.092 1.093c.151.296.214.616.244.98c.03.355.03.793.03 1.335v6.32a.5.5 0 0 1-1 0V6.2c0-.568 0-.964-.026-1.273c-.024-.302-.07-.476-.137-.608a1.5 1.5 0 0 0-.656-.656c-.132-.067-.306-.113-.608-.137c-.308-.026-.705-.026-1.273-.026H5.2c-.568 0-.964 0-1.273.026c-.302.024-.476.07-.608.137a1.5 1.5 0 0 0-.656.656c-.067.132-.113.306-.137.608C2.5 5.236 2.5 5.632 2.5 6.2V21a.5.5 0 0 1-1 0V6.179c0-.542 0-.98.029-1.333c.03-.365.093-.685.243-.981a2.5 2.5 0 0 1 1.093-1.093c.296-.15.616-.213.98-.243C4.2 2.5 4.638 2.5 5.18 2.5m14.32 13a.5.5 0 0 1 .5.5v2h2a.5.5 0 0 1 0 1h-2v2a.5.5 0 0 1-1 0v-2h-2a.5.5 0 0 1 0-1h2v-2a.5.5 0 0 1 .5-.5"/><path fill="currentColor" d="M5.75 7.5a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9a.75.75 0 0 1-.75-.75"/><path fill="currentColor" fill-rule="evenodd" d="M12.034 10.25h1.932c.126 0 .249 0 .353.008c.114.01.25.032.385.101a1 1 0 0 1 .437.437c.07.136.091.27.1.385c.009.104.009.227.009.353v1.182c0 .126 0 .25-.008.353a1 1 0 0 1-.101.385a1 1 0 0 1-.437.437a1 1 0 0 1-.385.1a4 4 0 0 1-.353.009h-1.932c-.126 0-.249 0-.353-.008a1 1 0 0 1-.385-.101a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385c-.009-.104-.009-.227-.009-.353v-1.182c0-.126 0-.249.008-.353c.01-.114.032-.25.101-.385a1 1 0 0 1 .437-.437a1 1 0 0 1 .385-.1c.104-.009.227-.009.353-.009m-.278 1.006v.006a4 4 0 0 0-.006.288v1.15c0 .148 0 .23.005.288v.006h.007c.059.006.14.006.288.006h1.9c.148 0 .23 0 .288-.005h.006v-.007a4 4 0 0 0 .006-.288v-1.15c0-.148 0-.23-.005-.288v-.006h-.007a4 4 0 0 0-.288-.006h-1.9c-.148 0-.23 0-.288.005z" clip-rule="evenodd"/><path fill="currentColor" d="M6.75 11a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1h-1.5a.5.5 0 0 1-.5-.5m0 2.25a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1h-1.5a.5.5 0 0 1-.5-.5m0 2.75a.5.5 0 0 1 .5-.5h7.5a.5.5 0 0 1 0 1h-7.5a.5.5 0 0 1-.5-.5m0 2.5a.5.5 0 0 1 .5-.5h4.8a.5.5 0 0 1 0 1h-4.8a.5.5 0 0 1-.5-.5"/></svg>

Article Plus Light アイコンの使い方

React

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

<Icon icon="stash:article-plus-light" width="24" />

Vue

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

<template>
  <Icon icon="stash:article-plus-light" width="24" />
</template>

Svelte

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

<Icon icon="stash:article-plus-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--article-plus-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:article-plus-light"></div>

Web コンポーネント

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

<iconify-icon icon="stash:article-plus-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/stash/article-plus-light.svg" alt="Article Plus Light アイコン" width="24" height="24">

Stash Icons の関連アイコン

Article Plus Light アイコンのよくある質問

Article Plus Light アイコンは商用利用でも無料ですか?

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

React で Article Plus Light アイコンを使うには?

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

Article Plus Light アイコンをウェブページに追加するには?

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

Stash Icons をすべて見る →