Thumbtack2 アイコン
reicon:thumbtack2
Thumbtack2 アイコン(reicon:thumbtack2)は、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"><path fill="currentColor" fill-rule="evenodd" d="M16.451 2.035a2.687 2.687 0 0 0-4.266.627l-.986 1.832a9 9 0 0 1-.177.321a4 4 0 0 1-.12.187c-.044.066-.093.13-.217.296l-.151.202c-.717.955-1.002 1.326-1.346 1.603c-.32.257-.68.46-1.067.598c-.416.15-.88.2-2.07.313l-.325.03c-.569.055-1.047.1-1.415.17c-.362.067-.773.182-1.081.483a1.86 1.86 0 0 0-.55 1.53c.046.428.29.778.526 1.06c.24.289.579.628.983 1.032l3.215 3.214l-5.934 5.935a.75.75 0 1 0 1.06 1.06l5.934-5.934l3.21 3.21c.403.403.742.742 1.03.982c.282.235.631.479 1.06.525a1.86 1.86 0 0 0 1.53-.55c.3-.307.415-.718.483-1.079c.07-.368.116-.845.17-1.413l.032-.326c.114-1.189.164-1.653.314-2.068c.139-.386.341-.747.599-1.066c.277-.344.647-.629 1.603-1.345l.207-.155c.164-.123.228-.171.293-.215q.09-.062.185-.119c.068-.04.139-.079.32-.176l1.834-.989q.347-.187.626-.465a2.69 2.69 0 0 0 0-3.802zm-2.74 1.06a1.187 1.187 0 0 1 1.68 0l5.508 5.509a1.188 1.188 0 0 1-.276 1.886l-1.85.997a5 5 0 0 0-.623.367a9 9 0 0 0-.334.244l-.303.227c-.847.635-1.38 1.035-1.79 1.543a5.2 5.2 0 0 0-.841 1.499c-.221.613-.285 1.277-.387 2.33l-.037.392c-.06.614-.1 1.022-.155 1.315c-.043.229-.082.303-.089.316a.36.36 0 0 1-.28.1c-.013-.005-.091-.038-.27-.186c-.229-.192-.52-.481-.956-.917l-7.433-7.433c-.436-.437-.726-.728-.917-.957c-.15-.179-.182-.257-.188-.27a.36.36 0 0 1 .101-.28c.012-.007.088-.046.316-.09c.294-.054.703-.094 1.317-.153l.391-.037c1.054-.1 1.718-.163 2.332-.384a5.2 5.2 0 0 0 1.501-.841c.508-.41.909-.943 1.544-1.79l.223-.298c.11-.147.18-.24.246-.336q.09-.13.168-.263c.06-.1.116-.203.203-.365l.994-1.847q.082-.154.206-.277" clip-rule="evenodd"/></svg>Thumbtack2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:thumbtack2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:thumbtack2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:thumbtack2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--thumbtack2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:thumbtack2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:thumbtack2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/thumbtack2.svg" alt="Thumbtack2 アイコン" width="24" height="24">Reicon の関連アイコン
Thumbtack2 アイコン のよくある質問
Thumbtack2 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Thumbtack2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:thumbtack2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Thumbtack2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/thumbtack2.svg" alt="Thumbtack2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。