Unicorn Rearing アイコン
pinhead:unicorn-rearing
Unicorn Rearing アイコン(pinhead:unicorn-rearing)は、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
- タグ
- unicornrearing
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M9.97 10.31c1.21-1.29.9-2.07.21-1.9l-.02.04l-.04.06c-.16.23-.69.78-2.13.78c-.47 0-1.52.4-1.52.4c-.23.99-.96 1.53-1.71 2.15l-.15.16c-.13.16-.23.3-.23.35c-.01.06.2.6.47 1.2c.29.47.86.52.53 1.36c-.32.03-.56.14-.82.07l-.53-1.24s-.5-1.07-.54-1.24c-.03-.17.14-1.01.14-1.01c.07-.56.29-.98.19-1.18s-.32-.36-.37-.65c-.03-.26-.06-.32-.18-.32c-1.41.65-.53 1.54-.43 3.24c-.53.05-.75-.14-1.07.24c-.74-.45-.34-.53-.73-.7c-.2-1.28.38-2.66 1.28-3.23c.22-.1.51-.19.69-.23l.1-.02c.27-.04.33-.08.46-.4c.21-.48.78-.92 1.53-1.05l.17-.03l.44-.08c1.44-.27 2.54-.74 1.41-1.65l.11-.28c.26-.63.61-1.28 1.32-2.41c.05-.07.2-.13.35-.19l.59-.18c.21-.08.2-.1.26-.44c.08-.4.19-.42.4-.05l.14.26c.02.03.03.05.04.07l.05.07c.03.04-.01.02.05.06l.05-.1l.27-.53c.32-.69.79-1.69.79-1.69l.08-.02c.08-.01.17.01.17.17l-.7 2.04c-.07.22-.12.38-.12.41c.16.1.17.14.23.3c.08.14.29.34.48.46l.15.11c.15.1.17.16.15.33v.08c-.02.17-.04.27-.09.31c-.13.09-.31-.05-.79-.08c-.49-.03-.54.11-.9 0c-.02.03.01.25-.01.54l-.01.13c-.05.55-.03.69.16 1.02l.17.38c.14.31.25.61.24.95c1.34-.07 2.18.59 2.67 1.55l.07.06c.17.17.59.65.49 1.24l-1.05.01c.06-1.14-.47-1.73-1.47-1.84l.21.6c.02.05.03.09.03.09c-.11.48-.39.88-.37 1.24c.01.4-.27.56-.55.72c-.31 0-.59-.34-.81-.51"/></svg>Unicorn Rearing アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:unicorn-rearing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:unicorn-rearing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:unicorn-rearing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--unicorn-rearing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:unicorn-rearing"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:unicorn-rearing"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/unicorn-rearing.svg" alt="Unicorn Rearing アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Unicorn Rearing アイコン のよくある質問
Unicorn Rearing アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Unicorn Rearing アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:unicorn-rearing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Unicorn Rearing アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/unicorn-rearing.svg" alt="Unicorn Rearing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。