Pushpin アイコン
emojione-v1:pushpin
Pushpin アイコン(emojione-v1:pushpin)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#aeaeae" d="M4.516 61.56c-1.652 1.683-3.155 2.89-4.132 1.903c-.979-.987.193-2.521 1.847-4.202l31.507-36.01c1.647-1.685 5.04-.988 6.02-.004c.977.983 1.687 4.417.037 6.102l-35.27 32.21"/><path fill="#7c7b7d" d="m3.188 60.35l31.501-36c1.438-1.47 4.195-1.13 5.532-.364c-.149-.298-.303-.561-.474-.732c-.973-.981-4.362-1.678-6.01.009L2.232 59.273C.578 60.954-.594 62.487.38 63.475c.187.187.393.271.614.313c-.048-.936.923-2.133 2.196-3.433"/><g fill="#be202e"><path d="M46.672 63.03c-3.718 3.742-16.961-3.674-29.577-16.568C4.477 33.567-2.741 20.079.975 16.342c3.718-3.745 16.959 3.674 29.58 16.571c12.616 12.893 19.832 26.378 16.11 30.12"/><path d="M38.682 32.09c6.838-6.887 15.869-8.902 20.17-4.5L36.006 4.239c4.301 4.395 2.245 13.547-4.595 20.429c-6.836 6.884-15.87 8.905-20.17 4.505l22.848 23.346c-4.303-4.397-2.248-13.544 4.591-20.429"/></g><path fill="#a51e2d" d="M34.926 28.396c6.838-6.884 8.894-16.03 4.586-20.432l18.451 18.852c.313.23.615.486.894.773L36.011 4.24c4.301 4.395 2.245 13.547-4.595 20.429c-6.836 6.884-15.87 8.905-20.17 4.505l4.402 4.497c4.568 3.341 12.883 1.163 19.281-5.275"/><path fill="#be202e" d="M62.51 30.75c-2.41 2.426-10.982-2.377-19.16-10.73C35.182 11.668 30.506 2.93 32.912.511c2.405-2.423 10.985 2.382 19.16 10.732c8.169 8.35 12.84 17.09 10.437 19.507"/><path fill="#a51e2d" d="M56.6 24.713c-1.441 1.455-6.593-1.433-11.501-6.448c-4.91-5.02-7.715-10.261-6.271-11.718c1.448-1.453 6.593 1.435 11.505 6.446c4.91 5.02 7.717 10.261 6.267 11.72"/></svg>
Pushpin アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:pushpin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:pushpin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:pushpin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--pushpin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:pushpin"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:pushpin"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/pushpin.svg" alt="Pushpin アイコン" width="24" height="24">
Pushpin アイコン のよくある質問
Pushpin アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Pushpin アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:pushpin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pushpin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/pushpin.svg" alt="Pushpin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
