Label アイコン
emojione-monotone:label
Label アイコン(emojione-monotone:label)は、Emoji One (Monotone) セットの無料 SVG アイコンです(作者: Emoji One)。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M29.042 12.915H19.041l-1.185 1.184a19 19 0 0 0-3.558-2.685a21 21 0 0 0-2.866-1.389a27.6 27.6 0 0 1-1.554-7.157C9.84 2.396 9.513 2 9.011 2c-.444 0-.908.396-.869.868c.181 2.19.593 4.358 1.241 6.454c-2.119-.63-4.321-1-6.515-1.181C2.396 8.103 2 8.566 2 9.01c0 .503.397.83.868.869c2.468.203 4.931.684 7.253 1.527c.28.705.583 1.401.922 2.082a18.8 18.8 0 0 0 2.403 3.696q.3.356.633.694l-1.165 1.165v10L42.073 62L62 42.074zm-14.367 3.04c-.806-.945-1.523-2.145-2.121-3.326c-.038-.076-.071-.155-.108-.231a18.7 18.7 0 0 1 2.672 1.631c.499.366 1.015.813 1.512 1.297l-1.318 1.318a12 12 0 0 1-.637-.689m.074 12.392V19.8l3.125-3.125c.101.121.208.241.304.362l.022.028l.021.029l.133.181a16 16 0 0 1 .731 1.106c.094.157.17.324.258.485c-.089.07-.183.133-.264.213a3.093 3.093 0 0 0 0 4.367a3.06 3.06 0 0 0 2.184.905c.825 0 1.601-.321 2.184-.905a3.093 3.093 0 0 0 0-4.368c-.648-.649-1.565-.923-2.454-.85c-.109-.201-.218-.402-.331-.595a16 16 0 0 0-1.558-2.189l.696-.696h8.548l30.978 27.408l-17.17 17.169zm5.43-7.675c.029.085.063.17.091.257c.057.182.114.367.153.554c.227 1.101 1.906.651 1.68-.44a8 8 0 0 0-.234-.856c.098.055.199.106.281.188c.49.49.49 1.287 0 1.775c-.475.474-1.301.475-1.775 0c-.401-.402-.454-1.002-.196-1.478"/></svg>Label アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:label" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:label" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:label" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--label]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:label"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:label"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/label.svg" alt="Label アイコン" width="24" height="24">他のアイコンセットの Label アイコン
Label アイコン のよくある質問
Label アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Label アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:label" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Label アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/label.svg" alt="Label アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。