Иконка Ampersand

pinhead:ampersand

Иконка Ampersand (pinhead:ampersand) — бесплатная SVG-иконка из набора Pinhead Map Icons от 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

<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>

Веб-компонент

<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, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Ampersand в React?

Установите @iconify/react и выведите <Icon icon="pinhead:ampersand" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Ampersand на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pinhead/ampersand.svg" alt="Иконка Ampersand">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Pinhead Map Icons →