Article アイコン

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

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

stash:article

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

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

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.495a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1m4.637 2h2.226c.058 0 .139 0 .212.006c.088.007.229.027.379.103a1 1 0 0 1 .437.437c.077.15.096.29.103.379c.006.073.006.154.006.212v1.726c0 .058 0 .139-.006.212a1 1 0 0 1-.103.379a1 1 0 0 1-.437.437a1 1 0 0 1-.379.103a3 3 0 0 1-.212.006h-2.226c-.058 0-.139 0-.212-.006a1 1 0 0 1-.379-.103a1 1 0 0 1-.437-.437a1 1 0 0 1-.103-.379C13 11.497 13 11.416 13 11.358V9.632c0-.058 0-.139.006-.212c.007-.088.027-.229.103-.379a1 1 0 0 1 .437-.437c.15-.076.29-.096.379-.103c.073-.006.154-.006.212-.006m.363 1.5v1H16v-1zm-4.25-1.25a.75.75 0 1 0 0 1.5h1.25a.75.75 0 0 0 0-1.5zm0 2.25a.75.75 0 0 0 0 1.5h1.25a.75.75 0 0 0 0-1.5zm0 2.75a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5z"/><path fill="currentColor" d="M16.33 2.745h-5.66c-.535 0-.98 0-1.345.03c-.38.03-.736.098-1.073.27A2.75 2.75 0 0 0 7.05 4.247c-.172.337-.24.693-.27 1.073c-.03.365-.03.81-.03 1.345v10.08H4.5a.75.75 0 0 0-.75.75c0 1.683.572 2.68 1.3 3.225c.406.304.934.524 1.449.525h10.149c.707 0 1.452.03 2.1-.3a2.75 2.75 0 0 0 1.202-1.201c.172-.338.24-.694.27-1.074c.03-.365.03-.81.03-1.345V6.665c0-.535 0-.98-.03-1.345c-.03-.38-.098-.736-.27-1.073a2.75 2.75 0 0 0-1.201-1.202c-.338-.172-.694-.24-1.074-.27c-.365-.03-.81-.03-1.345-.03m1.092 16.987a1.2 1.2 0 0 1-.472-.212c-.272-.204-.7-.708-.7-2.025a.75.75 0 0 0-.75-.75H8.25V6.695c0-.572 0-.957.025-1.253c.023-.287.065-.424.111-.514a1.25 1.25 0 0 1 .547-.547c.09-.046.227-.088.514-.111c.296-.024.68-.025 1.253-.025h5.6c.572 0 .957 0 1.252.025c.288.023.425.065.515.111c.236.12.427.311.547.547c.046.09.088.227.111.514c.024.296.025.68.025 1.253v10.6c0 .572 0 .957-.025 1.252c-.023.288-.065.425-.111.515a1.25 1.25 0 0 1-.547.547c-.142.072-.296.107-.645.123m-10.91.013h-.01l-.008-.002a1.2 1.2 0 0 1-.544-.223c-.213-.16-.521-.503-.645-1.275h9.487c.07.604.225 1.098.437 1.5z"/></svg>

Article アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Stash Icons の関連アイコン

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

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

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

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

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

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

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

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

Stash Icons をすべて見る →