Ampersand アイコン
pinhead:ampersand
Ampersand アイコン(pinhead:ampersand)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M6.62 0c1.56 0 2.7.32 3.43.95c.74.64 1.1 1.4 1.1 2.28c0 .5-.11.97-.33 1.42c-.23.46-.49.83-.81 1.11c-.31.29-.88.71-1.69 1.27c.67.71 1.37 1.37 2.11 1.97c.19-.41.36-.84.5-1.29l3.01.69c-.16.58-.31 1.05-.46 1.4c-.14.35-.35.77-.61 1.24l1.44 1.04c.18.12.41.26.69.43L12.92 15c-.37-.21-.77-.46-1.18-.73c-.4-.28-.77-.52-1.09-.72c-.67.46-1.34.8-2.01 1.01c-.92.3-1.98.44-3.16.44c-1.85 0-3.22-.4-4.13-1.21c-.9-.8-1.35-1.78-1.35-2.93c0-.82.27-1.6.8-2.33c.53-.74 1.39-1.37 2.6-1.88c-.51-.64-.85-1.19-1.04-1.66s-.28-.96-.28-1.45c0-1.02.37-1.87 1.12-2.54c.75-.66 1.89-1 3.42-1m.16 2.18q-.585 0-.96.36q-.36.345-.36.84c0 .41.34 1 1.04 1.78c.49-.28.88-.59 1.15-.92c.27-.34.41-.66.41-.95c0-.31-.11-.57-.34-.78c-.23-.22-.54-.33-.94-.33m-1.66 6.5c-.53.39-.88.73-1.06 1c-.17.28-.25.57-.25.88c0 .49.2.92.59 1.29q.6.57 1.56.57c.69 0 1.46-.29 2.32-.85c-.82-.66-1.88-1.62-3.16-2.89"/></svg>
Ampersand アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:ampersand" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:ampersand" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:ampersand" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--ampersand]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:ampersand"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:ampersand"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/ampersand.svg" alt="Ampersand アイコン" width="24" height="24">
他のアイコンセットの Ampersand アイコン
Ampersand アイコン のよくある質問
Ampersand アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ampersand アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:ampersand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ampersand アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/ampersand.svg" alt="Ampersand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Pinhead Map Icons をすべて見る →
ICONYZ
