Three Dogs アイコン

Q: Three Dogs アイコンは商用利用でも無料ですか?

はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

pinhead:three-dogs

Three Dogs アイコン(pinhead:three-dogs)は、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
タグ: threedogs、dog

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M12.75 4c.14 0 .25.11.25.25v.6c0 .09.06.18.14.22l1.64.82c.14.07.22.21.22.36v.05a.5.5 0 0 1-.14.35L14.5 7h-1L13 8v1.9c0 .07.03.13.08.17l.35.36c.05.05.07.11.07.18v.14c0 .14-.11.25-.25.25h-.64c-.07 0-.13-.02-.18-.07l-.35-.35a.25.25 0 0 1-.08-.18V9.25c0-.14-.11-.25-.25-.25h-1.6a.27.27 0 0 0-.15.05v-.87l.21-.43h.54c.2 0 .39-.08.53-.22l.36-.35c.23-.24.36-.56.36-.88v-.05l-.01-.13c-.02-.22-.11-.43-.25-.6l.69-1.38c.05-.08.13-.14.23-.14zM7.36 6.65L7 7H6l-.5 1v1.9c0 .07.03.13.08.17l.35.36c.05.05.07.11.07.18v.14c0 .12-.08.22-.19.24l-.06.01h-.64c-.07 0-.14-.02-.18-.07l-.35-.35a.25.25 0 0 1-.08-.18V9.25c0-.14-.11-.25-.25-.25H2.66c-.1 0-.18.06-.23.14l-.35.7c-.05.1-.03.21.05.29l.29.3c.06.05.08.11.08.18v.14c0 .14-.11.25-.25.25h-.64c-.07 0-.13-.02-.18-.07l-.35-.35A.22.22 0 0 1 1 10.4V8.11c0-.07-.02-.13-.07-.18l-.49-.49C.16 7.16 0 6.78 0 6.38v-.13c0-.47.24-.9.63-1.16L.75 5v.94c0 .32.17.61.43.77l.07.04c.33-.16.69-.25 1.06-.25h1.07c.15 0 .3-.07.4-.2L4 6l.93-1.86c.04-.08.13-.14.23-.14h.09c.14 0 .25.11.25.25v.6c0 .09.06.18.14.22l1.64.82c.14.07.22.21.22.36v.05l-.01.08l-.02.07l-.02.06l-.05.08zm3.89-.4v.05l-.01.08l-.02.07l-.02.06l-.05.08l-.04.06l-.36.35h-1l-.5 1v1.9c0 .07.03.13.07.17l.36.36c.05.05.07.11.07.18v.14c0 .12-.08.22-.19.24L9.5 11h-.64c-.07 0-.13-.02-.18-.07l-.36-.35a.3.3 0 0 1-.07-.18V9.25C8.25 9.11 8.14 9 8 9H6.41c-.06 0-.12.02-.16.05v-.87l.21-.43H7c.2 0 .39-.08.53-.22l.36-.35c.23-.24.36-.56.36-.88v-.05l-.01-.13c-.02-.22-.11-.43-.25-.6l.69-1.38c.05-.08.13-.14.22-.14H9c.14 0 .25.11.25.25v.6c0 .09.06.18.14.22l1.64.82c.14.07.22.21.22.36"/></svg>

Three Dogs アイコンの使い方

React

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

<Icon icon="pinhead:three-dogs" width="24" />

Vue

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

<template>
  <Icon icon="pinhead:three-dogs" width="24" />
</template>

Svelte

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

<Icon icon="pinhead:three-dogs" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--three-dogs]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:three-dogs"></div>

Web コンポーネント

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

<iconify-icon icon="pinhead:three-dogs"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/pinhead/three-dogs.svg" alt="Three Dogs アイコン" width="24" height="24">

Pinhead Map Icons の関連アイコン

Three Dogs アイコンのよくある質問

Three Dogs アイコンは商用利用でも無料ですか?

はい。Pinhead Map Icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Three Dogs アイコンを使うには?

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

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

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

Pinhead Map Icons をすべて見る →