Tag3 アイコン
reicon:tag3
Tag3 アイコン(reicon:tag3)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M19.25 7.25a2.5 2.5 0 1 0-5 0a2.5 2.5 0 0 0 5 0m-2.5-1a1 1 0 1 1 0 2a1 1 0 0 1 0-2"/><path d="M21.247 1.55c-.338-.171-.695-.238-1.075-.269c-.364-.029-.81-.029-1.345-.028l-5.078.005c-.768 0-1.28 0-1.769.118a4.3 4.3 0 0 0-1.226.509c-.43.263-.79.624-1.334 1.167L3.958 8.51c-.673.673-1.211 1.21-1.61 1.68c-.41.482-.717.941-.89 1.473a4.25 4.25 0 0 0 0 2.626c.172.531.478.991.887 1.473c.399.47.936 1.008 1.61 1.682l2.595 2.598c.673.674 1.21 1.212 1.68 1.611c.482.41.942.717 1.473.89a4.25 4.25 0 0 0 2.626 0c.532-.172.991-.478 1.473-.887c.47-.399 1.009-.936 1.682-1.61l5.468-5.462c.545-.544.907-.906 1.171-1.336a4.3 4.3 0 0 0 .51-1.23c.117-.49.117-1.002.117-1.773V5.173c0-.535 0-.981-.03-1.346c-.03-.38-.098-.737-.27-1.074a2.75 2.75 0 0 0-1.203-1.202m-2.45 1.203c.573 0 .958 0 1.254.024c.288.023.425.065.516.11c.235.12.427.312.546.547c.047.09.089.228.112.515c.024.296.025.681.025 1.254v4.951c0 .893-.005 1.217-.076 1.513a2.8 2.8 0 0 1-.33.795c-.16.26-.385.493-1.016 1.124l-5.38 5.375c-.703.702-1.198 1.196-1.616 1.55c-.41.349-.698.518-.965.605a2.75 2.75 0 0 1-1.7 0c-.268-.088-.554-.258-.965-.607c-.418-.355-.912-.849-1.614-1.55l-2.55-2.553c-.701-.702-1.195-1.197-1.55-1.615c-.348-.411-.517-.698-.604-.966a2.75 2.75 0 0 1 0-1.7c.088-.267.258-.554.607-.964c.354-.418.849-.912 1.55-1.614l5.376-5.37c.63-.63.861-.854 1.12-1.013c.246-.15.514-.262.794-.33c.296-.07.62-.075 1.51-.076z"/></g></svg>Tag3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:tag3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:tag3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:tag3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--tag3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:tag3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:tag3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/tag3.svg" alt="Tag3 アイコン" width="24" height="24">Reicon の関連アイコン
Tag3 アイコン のよくある質問
Tag3 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tag3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:tag3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tag3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/tag3.svg" alt="Tag3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。