Article Duotone アイコン

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

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

stash:article-duotone

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.23 19.75H6.502l-.008-.002a1.2 1.2 0 0 1-.544-.223c-.213-.16-.521-.503-.645-1.275h9.487c.07.604.226 1.099.438 1.5M13.925 8.506c.073-.006.154-.006.212-.006h2.226c.058 0 .139 0 .212.006c.088.007.229.027.38.103a1 1 0 0 1 .436.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.437c-.15.076-.29.096-.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.502 13 11.421 13 11.363V9.637c0-.058 0-.139.006-.212c.007-.088.027-.229.103-.379a1 1 0 0 1 .437-.437c.15-.076.29-.096.379-.103M9.5 9.5a.75.75 0 0 1 .75-.75h1.25a.75.75 0 0 1 0 1.5h-1.25a.75.75 0 0 1-.75-.75m0 2.25a.75.75 0 0 1 .75-.75h1.25a.75.75 0 0 1 0 1.5h-1.25a.75.75 0 0 1-.75-.75m.75 2a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5z" opacity=".5"/><path fill="currentColor" d="M10.5 5.5a1 1 0 0 0 0 2h6a1 1 0 1 0 0-2z"/><path fill="currentColor" d="M10.67 2.75h5.66c.535 0 .98 0 1.345.03c.38.03.736.098 1.073.27a2.75 2.75 0 0 1 1.202 1.202c.172.337.24.693.27 1.073c.03.365.03.81.03 1.345v10.66c0 .535 0 .98-.03 1.345c-.03.38-.098.736-.27 1.073a2.75 2.75 0 0 1-1.201 1.202c-.324.165-.666.24-1.049.273a.8.8 0 0 1-.2.027h-.853l-3.382.003c-2.257.004-4.513.007-6.77-.003q-.08 0-.16-.01a2.7 2.7 0 0 1-1.284-.515c-.729-.546-1.301-1.542-1.301-3.225a.75.75 0 0 1 .75-.75h2.25V6.67c0-.535 0-.98.03-1.345c.03-.38.098-.736.27-1.073A2.75 2.75 0 0 1 8.252 3.05c.337-.172.693-.24 1.073-.27c.365-.03.81-.03 1.345-.03m7.397 16.864a1.25 1.25 0 0 0 .547-.547c.046-.09.088-.227.111-.515c.024-.295.025-.68.025-1.252V6.7c0-.572 0-.957-.025-1.253c-.023-.287-.065-.424-.111-.514a1.25 1.25 0 0 0-.547-.547c-.09-.046-.227-.088-.515-.111c-.295-.024-.68-.025-1.252-.025h-5.6c-.572 0-.957 0-1.253.025c-.287.023-.424.065-.514.111a1.25 1.25 0 0 0-.547.547c-.046.09-.088.227-.111.514c-.024.296-.025.68-.025 1.253v10.05h7.25a.75.75 0 0 1 .75.75c0 1.317.428 1.82.7 2.025a1.2 1.2 0 0 0 .472.212c.35-.016.503-.05.645-.123m-11.555.136h8.717c-.212-.401-.367-.896-.437-1.5H5.304c.124.772.432 1.115.645 1.275a1.2 1.2 0 0 0 .544.223l.008.001z"/></svg>

Article Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Stash Icons の関連アイコン

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

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

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

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

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

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

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

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

Stash Icons をすべて見る →