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

Tag Linear アイコン

solar:tag-linear

Tag Linear アイコン(solar:tag-linear)は、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
カテゴリ
お金
タグ
taglinear
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><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.59881 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.55812C20.6555 9.24711 22 10.5916 22 12.2623C22 13.933 20.6555 15.2775 17.9665 17.9665C15.2775 20.6555 13.933 22 12.2623 22C10.5916 22 9.24711 20.6555 6.55812 17.9665L4.72848 16.1369Z"/><circle cx="8.607" cy="8.879" r="2" transform="rotate(-45 8.607 8.879)"/><path stroke-linecap="round" d="M11.5417 18.5L18.5208 11.5208"/></g></svg>

Tag Linear アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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