Article Light アイコン

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

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

stash:article-light

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 6.5a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1-.75-.75m4.638 2.25h2.224c.06 0 .13 0 .193.005a.8.8 0 0 1 .285.077a.75.75 0 0 1 .328.328a.7.7 0 0 1 .077.285c.005.063.005.134.005.193v1.724c0 .06 0 .13-.005.193a.8.8 0 0 1-.077.286a.75.75 0 0 1-.328.327a.8.8 0 0 1-.285.077c-.063.005-.134.005-.193.005h-2.224c-.06 0-.13 0-.193-.005a.8.8 0 0 1-.286-.077a.75.75 0 0 1-.327-.327a.8.8 0 0 1-.077-.286c-.005-.063-.005-.134-.005-.193V9.638c0-.06 0-.13.005-.193a.8.8 0 0 1 .077-.285a.75.75 0 0 1 .327-.328a.8.8 0 0 1 .286-.077c.063-.005.134-.005.193-.005m.112 1v1.5h2v-1.5zm-4.5-.25a.5.5 0 0 1 .5-.5h1.25a.5.5 0 0 1 0 1h-1.25a.5.5 0 0 1-.5-.5m.5 1.75a.5.5 0 0 0 0 1h1.25a.5.5 0 0 0 0-1zm-.5 3.25a.5.5 0 0 1 .5-.5h6.5a.5.5 0 0 1 0 1h-6.5a.5.5 0 0 1-.5-.5"/><path fill="currentColor" d="M16.321 3H10.68c-.542 0-.98 0-1.333.029c-.365.03-.685.093-.981.243a2.5 2.5 0 0 0-1.093 1.093c-.15.296-.213.616-.243.98C7 5.7 7 6.138 7 6.68V17H4.5a.5.5 0 0 0-.5.5c0 1.622.548 2.536 1.2 3.025c.314.236.629.354.866.413c.14.035.283.06.427.062c1.657.012 7.187 0 10.123 0c.689 0 1.385.05 2.019-.273c.813-.414 1.264-1.185 1.336-2.073c.029-.354.029-.79.029-1.332V6.679c0-.542 0-.98-.029-1.333c-.03-.365-.093-.685-.244-.981a2.5 2.5 0 0 0-1.092-1.093c-.296-.15-.616-.213-.98-.243C17.3 3 16.862 3 16.32 3m.479 16.725c-.348-.261-.8-.847-.8-2.225a.5.5 0 0 0-.5-.5H8V6.7c0-.568 0-.964.026-1.273c.024-.302.07-.476.137-.608a1.5 1.5 0 0 1 .656-.656c.132-.067.306-.113.608-.137C9.736 4 10.132 4 10.7 4h5.6c.568 0 .965 0 1.273.026c.302.024.476.07.608.137a1.5 1.5 0 0 1 .656.656c.067.132.113.306.137.608C19 5.736 19 6.132 19 6.7v10.6c0 .568 0 .965-.026 1.273c-.044.546-.286 1.005-.793 1.264c-.45.229-.98.189-1.381-.112M15.68 20H6.506a1.3 1.3 0 0 1-.705-.275c-.303-.227-.684-.7-.778-1.725h9.996c.07.896.323 1.542.663 2"/></svg>

Article Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Stash Icons の関連アイコン

他のアイコンセットの Article Light アイコン

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

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

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

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

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

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

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

Stash Icons をすべて見る →