Shirt Line アイコン
mingcute:shirt-line
Shirt Line アイコン(mingcute:shirt-line)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- shirtline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11 20a1 1 0 1 0 2 0zm5-6a1 1 0 1 0 0 2zm1 2a1 1 0 1 0 0-2zm-1-5l-.447.894a1 1 0 0 0 1.437-.753zm-8 0l-.99.141a1 1 0 0 0 1.437.753zm.78-7.625a1 1 0 0 0-1.56 1.25L8 4zm8 1.25a1 1 0 1 0-1.56-1.25L16 4zm-9.617.516l-.99.142zm9.674 0L15.847 5zM20 9.561h-1V18h2V9.562zM18 20v-1H6v2h12zM4 18h1V9.562H3V18zM5.515 7.621l.242.97l1.986-.496l-.243-.97l-.243-.97l-1.985.496zM16.5 7.125l-.242.97l1.985.496l.242-.97l.243-.97l-1.986-.496zM12 9h-1v11h2V9zm4 6v1h1v-2h-1zM8.153 4v1h7.694V3H8.153zm8.684 1.141L15.847 5l-.837 5.859L16 11l.99.141l.837-5.858zM16 11l.447-.894l-4-2L12 9l-.447.894l4 2zm-4-2l-.447-.894l-4 2L8 11l.447.894l4-2zm-4 2l.99-.141L8.153 5l-.99.141l-.99.142l.837 5.858zm4-2l.78-.625l-4-5L8 4l-.78.625l4 5zm0 0l.78.625l4-5L16 4l-.78-.625l-4 5zm-8 .562h1a1 1 0 0 1 .757-.97l-.242-.97l-.243-.97A3 3 0 0 0 3 9.561zM6 20v-1a1 1 0 0 1-1-1H3a3 3 0 0 0 3 3zm14-2h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zM8.153 4V3a2 2 0 0 0-1.98 2.283l.99-.142l.99-.141zm7.694 0v1l.99.141l.99.142A2 2 0 0 0 15.847 3zM20 9.562h1a3 3 0 0 0-2.272-2.91l-.243.97l-.242.97a1 1 0 0 1 .757.97z"/></svg>Shirt Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:shirt-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:shirt-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:shirt-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--shirt-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:shirt-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:shirt-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/shirt-line.svg" alt="Shirt Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
他のアイコンセットの Shirt Line アイコン
Shirt Line アイコン のよくある質問
Shirt Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shirt Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:shirt-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shirt Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/shirt-line.svg" alt="Shirt Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。