Иконка Pill
fluent-emoji:pill
Иконка Pill (fluent-emoji:pill) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iMxovfc)"><path fill="url(#iEL5qNb)" d="M16.837 4.39A7.617 7.617 0 0 1 27.61 15.163L15.163 27.61A7.617 7.617 0 0 1 4.39 16.837z"/><path fill="url(#iwje3cc)" d="M16.837 4.39A7.617 7.617 0 0 1 27.61 15.163L15.163 27.61A7.617 7.617 0 0 1 4.39 16.837z"/><path fill="url(#i7GK5Lb)" d="M16.837 4.39A7.617 7.617 0 0 1 27.61 15.163L15.163 27.61A7.617 7.617 0 0 1 4.39 16.837z"/></g><path fill="url(#i4m9Vme)" d="M16.837 4.39A7.617 7.617 0 0 1 27.61 15.163L15.163 27.61A7.617 7.617 0 0 1 4.39 16.837z"/><path fill="url(#iKnb8Zd)" d="M21.371 21.401L10.6 10.629l6.238-6.239A7.617 7.617 0 0 1 27.61 15.163z"/><path fill="url(#i3d3FMd)" d="M21.371 21.401L10.6 10.629l6.238-6.239A7.617 7.617 0 0 1 27.61 15.163z"/><path fill="url(#iIJM98M)" d="M21.371 21.401L10.6 10.629l6.238-6.239A7.617 7.617 0 0 1 27.61 15.163z"/><path fill="url(#i8Gu4kF)" d="M21.371 21.401L10.6 10.629l6.238-6.239A7.617 7.617 0 0 1 27.61 15.163z"/><ellipse cx="25.827" cy="9.513" fill="url(#ikVIfCb)" rx="1.875" ry="2.313"/><defs><linearGradient id="iEL5qNb" x1="8.265" x2="17.64" y1="15.404" y2="25.466" gradientUnits="userSpaceOnUse"><stop stop-color="#FAA74C"/><stop offset="1" stop-color="#FF9E70"/></linearGradient><linearGradient id="iKnb8Zd" x1="26.952" x2="16.14" y1="16.404" y2="5.592" gradientUnits="userSpaceOnUse"><stop stop-color="#FD227A"/><stop offset="1" stop-color="#D91E4F"/></linearGradient><linearGradient id="i3d3FMd" x1="10.599" x2="15.45" y1="8.44" y2="13.411" gradientUnits="userSpaceOnUse"><stop stop-color="#AC3F4D"/><stop offset="1" stop-color="#AC3F4D" stop-opacity="0"/></linearGradient><linearGradient id="i8Gu4kF" x1="25.733" x2="22.056" y1="18.655" y2="14.841" gradientUnits="userSpaceOnUse"><stop offset=".095" stop-color="#E43A89"/><stop offset="1" stop-color="#E43A89" stop-opacity="0"/></linearGradient><linearGradient id="ikVIfCb" x1="25.827" x2="25.827" y1="7.201" y2="12.279" gradientUnits="userSpaceOnUse"><stop offset=".077" stop-color="#FFFBFF"/><stop offset="1" stop-color="#FFFBFF" stop-opacity="0"/></linearGradient><radialGradient id="iwje3cc" cx="0" cy="0" r="1" gradientTransform="rotate(115.907 2.843 11.108)scale(17.0232 19.8936)" gradientUnits="userSpaceOnUse"><stop offset=".628" stop-color="#FF7A5B" stop-opacity="0"/><stop offset="1" stop-color="#FF7A5B"/></radialGradient><radialGradient id="i7GK5Lb" cx="0" cy="0" r="1" gradientTransform="matrix(-7.49173 8.10394 -4.79198 -4.42997 17.697 16)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB266"/><stop offset="1" stop-color="#FFB266" stop-opacity="0"/></radialGradient><radialGradient id="i4m9Vme" cx="0" cy="0" r="1" gradientTransform="rotate(90.771 -2.214 13.132)scale(15.1891 15.9156)" gradientUnits="userSpaceOnUse"><stop offset=".743" stop-color="#FF78A3" stop-opacity="0"/><stop offset=".968" stop-color="#FF78A3"/></radialGradient><radialGradient id="iIJM98M" cx="0" cy="0" r="1" gradientTransform="rotate(158.839 13.858 6.533)scale(6.79188 7.26372)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF588F"/><stop offset="1" stop-color="#FF588F" stop-opacity="0"/></radialGradient><filter id="iMxovfc" width="29.181" height="29.181" x="2.159" y="2.159" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1.5" dy="1.5"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.733333 0 0 0 0 0.490196 0 0 0 0 0.266667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_25287"/></filter></defs></g></svg>Как использовать иконку Pill
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:pill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:pill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:pill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--pill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:pill"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:pill"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/pill.svg" alt="Иконка Pill" width="24" height="24">Иконка Pill в других наборах
Вопросы и ответы: Иконка Pill
Можно ли бесплатно использовать иконку Pill в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Pill в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:pill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pill на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/pill.svg" alt="Иконка Pill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.