Иконка Pinterest

grommet-icons:pinterest

Иконка Pinterest (grommet-icons:pinterest) — бесплатная SVG-иконка из набора Grommet Icons от Grommet. Она нарисована на сетке 24 × 24. Grommet Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Grommet Icons
Автор: Grommet
Лицензия: Apache-2.0
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 0C5.372 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174c-.105-.95-.2-2.406.042-3.442c.217-.936 1.407-5.965 1.407-5.965s-.36-.718-.36-1.781c0-1.669.968-2.915 2.172-2.915c1.024 0 1.518.769 1.518 1.69c0 1.03-.655 2.57-.993 3.996c-.283 1.195.598 2.169 1.777 2.169c2.133 0 3.772-2.25 3.772-5.495c0-2.873-2.065-4.883-5.013-4.883c-3.414 0-5.418 2.562-5.418 5.208c0 1.031.397 2.138.893 2.739a.36.36 0 0 1 .083.344c-.091.38-.293 1.194-.333 1.361c-.053.219-.174.266-.402.16c-1.499-.698-2.435-2.888-2.435-4.649c0-3.785 2.75-7.261 7.929-7.261c4.162 0 7.397 2.966 7.397 6.93c0 4.136-2.607 7.464-6.227 7.464c-1.216 0-2.358-.632-2.75-1.378l-.748 2.853c-.27 1.042-1.002 2.348-1.492 3.146A12 12 0 0 0 12 24c6.628 0 12-5.373 12-12c0-6.628-5.372-12-12-12"/></svg>

Как использовать иконку Pinterest

React

import { Icon } from "@iconify/react";

<Icon icon="grommet-icons:pinterest" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="grommet-icons:pinterest" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="grommet-icons:pinterest" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--pinterest]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/grommet-icons -->
<div class="i-grommet-icons:pinterest"></div>

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

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="grommet-icons:pinterest"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/grommet-icons/pinterest.svg" alt="Иконка Pinterest" width="24" height="24">

Иконка Pinterest в других наборах

Вопросы и ответы: Иконка Pinterest

Можно ли бесплатно использовать иконку Pinterest в коммерческих проектах?

Да. Grommet Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Grommet Icons →