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

Tag Bold Duotone アイコン

solar:tag-bold-duotone

Tag Bold Duotone アイコン(solar:tag-bold-duotone)は、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、boldduotone、tagboldduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.72848 16.1369C3.18295 14.5914 2.41018 13.8186 2.12264 12.816C1.83509 11.8134 2.08083 10.7485 2.57231 8.61875L2.85574 7.39057C3.26922 5.59881 3.47597 4.70292 4.08944 4.08944C4.70292 3.47597 5.5988 3.26922 7.39057 2.85574L8.61875 2.57231C10.7485 2.08083 11.8134 1.83509 12.816 2.12264C13.8186 2.41018 14.5914 3.18295 16.1369 4.72848L17.9665 6.55812L17.9665 6.55813C20.6555 9.24711 22 10.5916 22 12.2623C22 13.933 20.6555 15.2775 17.9665 17.9665L17.9665 17.9665L17.9665 17.9665C15.2775 20.6555 13.933 22 12.2623 22C10.5916 22 9.24711 20.6555 6.55813 17.9665L6.55812 17.9665L4.72848 16.1369Z" opacity=".5"/><path d="M10.1235 7.27135C10.911 8.05894 10.911 9.33587 10.1235 10.1235C9.33587 10.911 8.05894 10.911 7.27135 10.1235C6.48377 9.33587 6.48377 8.05894 7.27135 7.27135C8.05894 6.48377 9.33587 6.48377 10.1235 7.27135Z"/><path d="M19.0512 12.0514L12.0721 19.0307C11.7793 19.3236 11.3044 19.3236 11.0115 19.0307C10.7186 18.7378 10.7186 18.263 11.0115 17.9701L17.9905 10.9908C18.2834 10.6979 18.7582 10.6979 19.0511 10.9908C19.344 11.2837 19.344 11.7586 19.0512 12.0514Z"/></g></svg>

Tag Bold Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

tag-bold アイコン
tag-bold
 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 Duotone アイコン のよくある質問

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

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

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

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

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

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

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