Antler アイコン
pinhead:antler
Antler アイコン(pinhead:antler)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="m2.48 14.08l.3-.49l.31-.48l.15-.2c.07-.09.13-.16.22-.25c.32-.32.43-.37.92-.52c.93-.28 1.62-.45 2.48-.65l.69-.15l.82-.16c.71-.13.97-.13 1.49-.22l.52-.09l.53-.18l.44-.19l.45-.23l.5-.33c.06-.05.15-.12.32-.25l.39-.36l.32-.36l.35-.45l.14-.2c.03-.05.07-.11.12-.19l.27-.48l.23-.49l.15-.4c.1-.25.14-.4.26-.88l.09-.4l.04-.35l.02-.38v-.34l-.03-.4l-.09-.65l-.1-.36c-.15-.46-.26-.8-.48-1.21l-.09-.1l-.1-.15l-.11-.1l-.12-.07c-.29.84-.4 1.62-.35 2.34c.05.91-2.21 4.35-2.38 3.75l-.8-2.21l-.49-1.38c-.06-.25-.16-.48-.23-.71C9.2 1.84 8.16 1.06 7.34.57l-.86-.5l-.13-.05l-.1-.02h-.03l-.05.08l-.04.11l-.01.12l.06.15L6.81 2l.91 2.2l.73 1.87c.05.15.09.26.11.31l.12.67l.04.38c0 .04.01.09.02.15c0 .22-.01.29-.04.47l-.04.15l-.06.11l-.05.1c-.01.02-.02.04-.03.07C8.11 9.07 7 9.6 6.11 9.86h-.08l-.19-.02c-.45-.04-1.33-.25-1.18-1.16c.19-1.1 1.98-2.74 1.79-2.78l-.1.01c-.66.29-3.65.45-3.56 2.67l.05.63c.13 1.56.28 1.55-1.09 2.71c-.18.33-1.6.38-1.72.94c-.12.57.09.95.73 1.65s.96.46 1.23.41c.17-.04.34-.32.49-.84"/></svg>Antler アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:antler" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:antler" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:antler" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--antler]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:antler"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:antler"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/antler.svg" alt="Antler アイコン" width="24" height="24">Antler アイコン のよくある質問
Antler アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Antler アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:antler" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Antler アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/antler.svg" alt="Antler アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。