Markstack Light アイコン

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

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

selfhst:markstack-light

Markstack Light アイコン(selfhst:markstack-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: markstacklight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M433.2 8.8h-280c-19.3 0-35 15.7-35 35c-19.3 0-35 15.7-35 35c-19.3 0-35 15.7-35 35v350.1c0 19.3 15.7 35 35 35h280.1c19.3 0 35-15.7 35-35c19.3 0 35-15.7 35-35c19.3 0 35-15.7 35-35V43.8c-.1-19.4-15.7-35-35.1-35m-188.1 385c0 12.1-9.8 21.9-21.9 21.9s-21.9-9.8-21.9-21.9V288.2l-21.5 30.6c-8.2 11.7-27.7 11.7-35.8 0l-21.5-30.6v105.6c0 12.1-9.8 21.9-21.9 21.9s-21.9-9.8-21.9-21.9v-175c0-9.5 6.2-18 15.3-20.9s19 .5 24.5 8.3l43.3 61.9l43.3-61.9c5.5-7.8 15.4-11.2 24.5-8.3s15.3 11.3 15.3 20.9v175zM375.6 345l-43.8 43.8c-1.7 1.7-3.6 3-5.7 3.8c-2 .8-4.3 1.3-6.6 1.3h-.2c-2.3 0-4.6-.5-6.6-1.3c-2.1-.9-4-2.1-5.7-3.8L263.3 345c-6.8-6.8-6.8-17.9 0-24.8c6.8-6.8 17.9-6.8 24.8 0l13.9 13.9V218.8c0-9.7 7.8-17.5 17.5-17.5s17.5 7.8 17.5 17.5v115.3l13.9-13.9c6.8-6.8 17.9-6.8 24.8 0c6.7 6.8 6.7 17.9-.1 24.8" opacity=".68"/><path fill="#fff" d="M433.2 0h-280c-21.4 0-39.2 15.4-43 35.8c-16.1 3-29.2 14.9-33.9 30.4C53 69.5 35 89.6 35 113.8v350.1c0 26.5 21.6 48.1 48.1 48.1h280.1c24.2 0 44.3-18 47.6-41.2c15.5-4.7 27.4-17.7 30.4-33.9c20.3-3.8 35.8-21.6 35.8-43V43.8C477 19.6 457.4 0 433.2 0m-48.1 463.9c0 12.1-9.8 21.9-21.9 21.9H83.1c-12.1 0-21.9-9.8-21.9-21.9V113.8c0-12.1 9.8-21.9 21.9-21.9h280.1c12.1 0 21.9 9.8 21.9 21.9zm39.4-35c0 9.7-5.3 18.2-13.1 22.7V113.8c0-26.5-21.6-48.1-48.1-48.1H95.4c4.5-7.8 13-13.1 22.7-13.1h280.1c14.5 0 26.3 11.8 26.3 26.3zm35-35.1c0 11.4-7.3 21.1-17.5 24.8V78.8c0-24.1-19.6-43.8-43.8-43.8H128.4a26.24 26.24 0 0 1 24.8-17.5h280.1c14.5 0 26.3 11.8 26.3 26.3v350z"/></svg>

Markstack Light アイコンの使い方

React

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

<Icon icon="selfhst:markstack-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:markstack-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:markstack-light" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:markstack-light"></iconify-icon>

HTML 画像

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

selfh.st/icons の関連アイコン

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

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

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

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

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

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

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

selfh.st/icons をすべて見る →