ICONYZ
日本語
Emoji One (Monotone) の Label アイコン

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 コード

<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 コードをページに直接貼り付けます。

Emoji One (Monotone) アイコン をすべて見る →