Иконка Pg
flagpack:pg
Иконка Pg (flagpack:pg) — бесплатная SVG-иконка из набора Flagpack от Yummygum. Она нарисована на сетке 32 × 24. Flagpack icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><rect width="32" height="24" fill="#e11c1b" rx="2"/><path fill="#1d1d1d" fill-rule="evenodd" d="m0 0l32 24H0z" clip-rule="evenodd"/><path fill="#eeeef6" fill-rule="evenodd" d="M7.083 18.269h1.332l.634-1.494l.744 1.483l1.365.075l-1.167 1.27l.6 1.528l-1.483-.85l-1.369.858l.516-1.485zm-4-4h1.332l.634-1.494l.744 1.483l1.365.075l-1.167 1.27l.6 1.528l-1.483-.85l-1.369.858l.516-1.485zm4-2h1.332l.634-1.494l.744 1.483l1.365.075l-1.167 1.27l.6 1.528l-1.483-.85l-1.369.858l.516-1.485z" clip-rule="evenodd"/><path fill="#eeeef6" fill-rule="evenodd" d="m9.711 16.564l.916-.03l.33-.944l.371.939l.843.08l-.759.537l.612.95l-1.062-.397l-.92.41l.486-.937zm2-2l.916-.03l.33-.944l.371.939l.843.08l-.759.537l.612.95l-1.062-.397l-.92.41l.486-.937z" clip-rule="evenodd"/><path fill="#fbcd17" fill-rule="evenodd" d="M21.084 2s-3.089.616-2.222 4.91h-.44s.035-.224-.388-.356c-.424-.13-.34-.082-.558 0s-1.548 0-1.548 0v.165l.94.406s-.022.339.371.526c.394.188.68.278.68.278s.058.374-.311.374s-1.852-.48-2.38.7C14.702 10.184 14 11.051 14 11.051h.79l-.211.264h.89l-.24.136s1.101-.012 1.187-.136s0 .337 0 .337s1.067-.487 1.126-.601l.498.342l.142-.579l.535.237l.145-.551s1.512 2.529 2.659 2.384v-.42l1.046.42l.133-.187s1.265.516 1.654.563l-.278-.563h.278l-.278-1.045h.278l-.555-.838l.155-.226l-.103-.298s2.036.648 1.944 1.68c-.092 1.031-.998 1.448-.998 1.448s-.87.266-1.655.209c0 0 .623.736 1.942.486s1.756-1.528 1.756-1.528s.605 1.256.107 1.917c-.498.66-2.714 1.124-2.714 1.124s.802.47 1.562.35c.76-.121 1.943-.783 2.172-1.863s-.79-3.072-1.253-3.299l-.183-.69l.416.166l-.852-2.085l.413.09l-1.206-1.5l.332-.102l-1.666-1.197l.498-.132s-1.231-.624-2.636.132l.013-.261l-.369.062l.022-.287l.367-.556l-.55-.212s.444-.67.378-.66c0 0-.497.142-.468.083c0 0 .25-.645.184-.628c0 0-.576.196-.49.098l.22-.394z" clip-rule="evenodd"/></g></svg>Как использовать иконку Pg
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:pg" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:pg" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:pg" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--pg]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:pg"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:pg"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/flagpack/pg.svg" alt="Иконка Pg" width="24" height="24">Иконка Pg в других наборах
Вопросы и ответы: Иконка Pg
Можно ли бесплатно использовать иконку Pg в коммерческих проектах?
Да. Flagpack icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Pg в React?
Установите @iconify/react и выведите <Icon icon="flagpack:pg" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pg на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/flagpack/pg.svg" alt="Иконка Pg">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.