ICONYZ
日本語
Solar の Tag Bold アイコン

Tag Bold アイコン

solar:tag-bold

Tag Bold アイコン(solar:tag-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Solar
作者
480 Design
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
お金
タグ
tagbold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.12264 12.816C2.41018 13.8186 3.18295 14.5914 4.72848 16.1369L6.55812 17.9665C9.24711 20.6555 10.5916 22 12.2623 22C13.933 22 15.2775 20.6555 17.9665 17.9665C20.6555 15.2775 22 13.933 22 12.2623C22 10.5916 20.6555 9.24711 17.9665 6.55812L16.1369 4.72848C14.5914 3.18295 13.8186 2.41018 12.816 2.12264C11.8134 1.83509 10.7485 2.08083 8.61875 2.57231L7.39057 2.85574C5.5988 3.26922 4.70292 3.47597 4.08944 4.08944C3.47597 4.70292 3.26922 5.59881 2.85574 7.39057L2.57231 8.61875C2.08083 10.7485 1.83509 11.8134 2.12264 12.816ZM10.1234 7.27098C10.911 8.05856 10.911 9.33549 10.1234 10.1231C9.33581 10.9107 8.05888 10.9107 7.27129 10.1231C6.48371 9.33549 6.48371 8.05856 7.27129 7.27098C8.05888 6.48339 9.33581 6.48339 10.1234 7.27098ZM19.0511 12.0511L12.0721 19.0303C11.7792 19.3232 11.3043 19.3232 11.0114 19.0303C10.7185 18.7375 10.7185 18.2626 11.0114 17.9697L17.9904 10.9904C18.2833 10.6975 18.7582 10.6975 19.0511 10.9904C19.344 11.2833 19.344 11.7582 19.0511 12.0511Z" clip-rule="evenodd"/></svg>

Tag Bold アイコンの使い方

React

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

<Icon icon="solar:tag-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:tag-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:tag-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--tag-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:tag-bold"></div>

Web コンポーネント

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

<iconify-icon icon="solar:tag-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/tag-bold.svg" alt="Tag Bold アイコン" width="24" height="24">

Solar の関連アイコン

tag-bold-duotone アイコン
tag-bold-duotone
 tag-broken アイコン
tag-broken
 tag-horizontal-bold アイコン
tag-horizontal-bold
 tag-horizontal-bold-duotone アイコン
tag-horizontal-bold-duotone
 tag-horizontal-broken アイコン
tag-horizontal-broken
 tag-horizontal-line-duotone アイコン
tag-horizontal-line-duotone
 tag-horizontal-linear アイコン
tag-horizontal-linear
 tag-horizontal-outline アイコン
tag-horizontal-outline
 tag-line-duotone アイコン
tag-line-duotone
 tag-linear アイコン
tag-linear
 tag-outline アイコン
tag-outline
 tag-price-bold アイコン
tag-price-bold
 tag-price-bold-duotone アイコン
tag-price-bold-duotone
 tag-price-broken アイコン
tag-price-broken
 tag-price-line-duotone アイコン
tag-price-line-duotone
 tag-price-linear アイコン
tag-price-linear
 tag-price-outline アイコン
tag-price-outline

他のアイコンセットの Tag Bold アイコン

Phosphor の Tag Bold アイコン
Phosphor
 Glyphs の Tag Bold アイコン
Glyphs

Tag Bold アイコン のよくある質問

Tag Bold アイコンは商用利用でも無料ですか?

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

React で Tag Bold アイコンを使うには?

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

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

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

Solar アイコン をすべて見る →