Иконка Pinterest
whh:pinterest
Иконка Pinterest (whh:pinterest) — бесплатная SVG-иконка из набора WebHostingHub Glyphs от WebHostingHub. Она нарисована на сетке 832 × 1025. WebHostingHub Glyphs icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- WebHostingHub Glyphs
- Автор
- WebHostingHub
- Лицензия
- OFL-1.1
- Размер
- 832 × 1025
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="832" height="1025" viewBox="0 0 832 1025"><path fill="currentColor" d="M512 768q-53 0-103.5-30.5T335 653q-23 82-38.5 135.5T261 904t-35 92t-25 28q-22-5 .5-173T262 518q-12-45-1-102q14-66 50-113t73-47t54 47t4 113q-10 47-32 86t-49 58q0 1-2 6q32 60 77 99t76 39q61 0 106-47.5T683.5 538T704 384q0-87-38.5-160.5T560.5 107T416 64t-144.5 43t-105 116.5T128 384q0 51 22 101q4 16 1 41t-18.5 47.5T97 594Q0 495 0 384q0-104 55.5-192.5T207 51.5T416 0t209 51.5t151.5 140T832 384q0 72-23.5 141T744 648t-101.5 87T512 768"/></svg>Как использовать иконку Pinterest
React
import { Icon } from "@iconify/react";
<Icon icon="whh:pinterest" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:pinterest" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:pinterest" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--pinterest]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:pinterest"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:pinterest"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/whh/pinterest.svg" alt="Иконка Pinterest" width="24" height="24">Иконка Pinterest в других наборах
Вопросы и ответы: Иконка Pinterest
Можно ли бесплатно использовать иконку Pinterest в коммерческих проектах?
Да. WebHostingHub Glyphs icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Pinterest в React?
Установите @iconify/react и выведите <Icon icon="whh:pinterest" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pinterest на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/whh/pinterest.svg" alt="Иконка Pinterest">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.