Hairy Caterpillar And Question Mark アイコン
pinhead:hairy-caterpillar-and-question-mark
Hairy Caterpillar And Question Mark アイコン(pinhead:hairy-caterpillar-and-question-mark)は、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
- タグ
- hairycaterpillar、caterpillarand、andquestion、questionmark、hairycaterpillarandquestionmark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M14.38 6.21c.34 0 .62-.28.62-.62s-.28-.62-.62-.62h-1.09v-.83h1.02c.34 0 .62-.27.62-.62c0-.34-.28-.62-.62-.62h-1.12l-.09-.19l1.02-1.02c.24-.24.24-.64 0-.88a.63.63 0 0 0-.88 0l-1.03 1.03l-.16-.06V.62a.625.625 0 0 0-1.25 0v1.16l-.16.07L9.62.84a.61.61 0 0 0-.88 0c-.24.24-.25.63 0 .88l1.02 1.01l-.07.18H8.52c-.34 0-.62.27-.62.62c0 .34.28.62.62.62h1.04v.83H8.53c-.34 0-.62.27-.62.62c0 .34.28.62.62.62h1.08c-.01.66-.22 1.31-.59 1.86l-.87-.86a.61.61 0 0 0-.88 0a.61.61 0 0 0 0 .88l.86.86c-.54.37-1.19.59-1.89.59V8.51a.625.625 0 0 0-1.25 0v1.01h-.83V8.43a.625.625 0 1 0-1.25 0V9.6c-.05.02-.12.04-.17.07l-1-1.02a.62.62 0 0 0-.89 0c-.24.25-.24.65 0 .9l1 1.01c-.04.07-.06.13-.09.21H.61c-.34 0-.61.27-.61.62c0 .34.27.62.61.62h1.15c.02.07.05.15.08.22L.83 13.26c-.24.25-.24.65 0 .9c.12.12.28.19.45.19s.33-.07.44-.19l1.02-1.03c.05.03.12.05.18.07v1.16c0 .35.28.64.63.64c.34 0 .62-.29.62-.64v-1.11H5v1.08c0 .35.28.62.62.62c.35 0 .62-.27.62-.62V13.3c.34 0 .67-.04.99-.08l.27 1.01a.63.63 0 0 0 .77.45c.33-.09.53-.43.44-.77l-.26-.98c.23-.07.45-.15.66-.25l.5.85c.11.2.32.32.54.32c.15 0 .3-.06.43-.17c.22-.2.25-.54.1-.8l-.47-.8c.21-.14.41-.3.61-.46l.72.72c.12.12.28.18.45.18c.21 0 .42-.1.54-.31c.15-.25.08-.57-.13-.77l-.7-.7c.16-.19.31-.38.45-.58l.82.47c.18.1.38.11.57.03c.18-.08.31-.24.36-.43c.07-.27-.08-.55-.33-.69l-.82-.47c.1-.22.18-.44.26-.67l.96.26c.2.05.41.01.56-.12a.62.62 0 0 0 .23-.52c0-.27-.22-.5-.49-.57l-.97-.26c.04-.32.08-.64.08-.97h1.01zM6.12 12H3.49c-.34 0-.62-.28-.62-.62s.28-.62.62-.62h2.68c2.56 0 4.63-2.07 4.63-4.61l-.01-2.63c0-.34.27-.62.61-.62h.03c.34 0 .62.28.62.62l.01 2.63C12.06 9.38 9.4 12 6.12 12M6 2c0 .69-.56 1.25-1.25 1.25H4.5c-.15 0-.28.1-.33.24L4 4H3v-.74c0-.44.32-.81.75-.88l.5-.09A.29.29 0 0 0 4.5 2c0-.28-.22-.5-.5-.5H3c-.28 0-.5.22-.5.5c0 .41-.34.75-.75.75S1 2.41 1 2c0-1.1.9-2 2-2h1c1.1 0 2 .9 2 2M3.5 4.5c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>Hairy Caterpillar And Question Mark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:hairy-caterpillar-and-question-mark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:hairy-caterpillar-and-question-mark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:hairy-caterpillar-and-question-mark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--hairy-caterpillar-and-question-mark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:hairy-caterpillar-and-question-mark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:hairy-caterpillar-and-question-mark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/hairy-caterpillar-and-question-mark.svg" alt="Hairy Caterpillar And Question Mark アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Hairy Caterpillar And Question Mark アイコン のよくある質問
Hairy Caterpillar And Question Mark アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hairy Caterpillar And Question Mark アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:hairy-caterpillar-and-question-mark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hairy Caterpillar And Question Mark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/hairy-caterpillar-and-question-mark.svg" alt="Hairy Caterpillar And Question Mark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。