Pawprint And Whistle アイコン
pinhead:pawprint-and-whistle
Pawprint And Whistle アイコン(pinhead:pawprint-and-whistle)は、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
- タグ
- pawprintand、andwhistle、pawprintandwhistle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M5.26 8.21c.73 0 1.34.5 1.53 1.16c.03.1.05.2.07.3l.06.3c.13.66.27 1.29 1 1.65c.86.28 1.21.66 1.21 1.63c0 .78-.69 1.6-1.54 1.7c-.99.14-1.73-.04-2.33-.39c-.62.35-1.37.53-2.33.39c-.87-.1-1.55-.93-1.55-1.7c0-.96.35-1.36 1.22-1.64c1.03-.53.9-1.46 1.12-2.29c.2-.62.81-1.11 1.54-1.11M.58 7.59c.35.03 1.22.76 1.51 1.15c.21.21.34.52.34.87c0 .73-.53 1.28-1.14 1.28c-.49 0-.86-.3-1.05-.78c-.33-.85-.37-2 .2-2.48l.06-.04zm9.37 0c.04 0 .09 0 .14.04c.53.48.5 1.63.17 2.48c-.17.48-.56.78-1.04.78c-.63 0-1.16-.55-1.16-1.28c0-.3.1-.57.26-.78l.08-.09c.29-.39 1.16-1.12 1.55-1.15M3.95 3c.93 0 .77 2.55.69 3.23c-.06.64-.52 1.2-1.14 1.29c-2.12.37-2.3-4.05.35-4.5h.02V3zm2.6 0c.04 0 .07.01.1.02c2.66.45 2.46 4.87.34 4.5c-.61-.09-1.07-.65-1.13-1.29l-.03-.31C5.77 5 5.75 3.07 6.52 3zM11 0v.25c0 .28.22.5.5.5s.5-.22.5-.5V0h1c1.1 0 2 .9 2 2s-.9 2-2 2c-.92 0-1.69-.62-1.93-1.46L8 1l1-1zm2 1c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>Pawprint And Whistle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:pawprint-and-whistle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:pawprint-and-whistle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:pawprint-and-whistle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--pawprint-and-whistle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:pawprint-and-whistle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:pawprint-and-whistle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/pawprint-and-whistle.svg" alt="Pawprint And Whistle アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Pawprint And Whistle アイコン のよくある質問
Pawprint And Whistle アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pawprint And Whistle アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:pawprint-and-whistle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pawprint And Whistle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/pawprint-and-whistle.svg" alt="Pawprint And Whistle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。