Иконка Pouring Liquid
fluent-emoji:pouring-liquid
Иконка Pouring Liquid (fluent-emoji:pouring-liquid) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- pouringliquid
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iO9KYGg)" d="M4.17 4.807c.141-.53.65-.873 1.194-.806L21.25 5.966a.783.783 0 0 1 .66.977L18.537 19.65a.94.94 0 0 1-1.278.622l-14.67-6.286a.97.97 0 0 1-.555-1.142z"/><path fill="url(#ijloWKb)" d="M4.17 4.807c.141-.53.65-.873 1.194-.806L21.25 5.966a.783.783 0 0 1 .66.977L18.537 19.65a.94.94 0 0 1-1.278.622l-14.67-6.286a.97.97 0 0 1-.555-1.142z"/><path fill="url(#ifkhsec)" d="M4.17 4.807c.141-.53.65-.873 1.194-.806L21.25 5.966a.783.783 0 0 1 .66.977L18.537 19.65a.94.94 0 0 1-1.278.622l-14.67-6.286a.97.97 0 0 1-.555-1.142z"/><path fill="url(#iSVS26u)" d="M4.17 4.807c.141-.53.65-.873 1.194-.806L21.25 5.966a.783.783 0 0 1 .66.977L18.537 19.65a.94.94 0 0 1-1.278.622l-14.67-6.286a.97.97 0 0 1-.555-1.142z"/><path fill="url(#iQus7Ob)" d="M4.17 4.807c.141-.53.65-.873 1.194-.806L21.25 5.966a.783.783 0 0 1 .66.977L18.537 19.65a.94.94 0 0 1-1.278.622l-14.67-6.286a.97.97 0 0 1-.555-1.142z"/><path fill="url(#iFQroQe)" d="M4.17 4.807c.141-.53.65-.873 1.194-.806L21.25 5.966a.783.783 0 0 1 .66.977L18.537 19.65a.94.94 0 0 1-1.278.622l-14.67-6.286a.97.97 0 0 1-.555-1.142z"/><path fill="url(#irj9PNe)" d="M4.17 4.807c.141-.53.65-.873 1.194-.806L21.25 5.966a.783.783 0 0 1 .66.977L18.537 19.65a.94.94 0 0 1-1.278.622l-14.67-6.286a.97.97 0 0 1-.555-1.142z"/><path fill="url(#iTOTbub)" d="M19.775 7.602c.344.043.59.366.549.721a.633.633 0 0 1-.7.566L5.712 7.168l.33-1.265z"/><path fill="url(#iJTA7Lc)" d="M23.977 26.523a.67.67 0 0 0 .66.583H28.5c.829 0 1.5.676 1.5 1.51c0 .833-.671 1.384-1.5 1.384H15.483c-.828 0-1.5-.551-1.5-1.385c0-.833.672-1.51 1.5-1.51h6.479a.43.43 0 0 0 .429-.487c-.266-1.868 1.274-2.325 1.586-.095"/><path fill="url(#iJLtXgd)" d="M23.977 26.523a.67.67 0 0 0 .66.583H28.5c.829 0 1.5.676 1.5 1.51c0 .833-.671 1.384-1.5 1.384H15.483c-.828 0-1.5-.551-1.5-1.385c0-.833.672-1.51 1.5-1.51h6.479a.43.43 0 0 0 .429-.487c-.266-1.868 1.274-2.325 1.586-.095"/><path fill="url(#iibuA3z)" d="M23.977 26.523a.67.67 0 0 0 .66.583H28.5c.829 0 1.5.676 1.5 1.51c0 .833-.671 1.384-1.5 1.384H15.483c-.828 0-1.5-.551-1.5-1.385c0-.833.672-1.51 1.5-1.51h6.479a.43.43 0 0 0 .429-.487c-.266-1.868 1.274-2.325 1.586-.095"/><path fill="#45BAFF" d="M8.326 14.579a.75.75 0 0 1 .978-.414l7.737 3.216c4.886 2.147 6.397 5.288 6.936 9.142c.132.95-1.451 1.046-1.586.095c-.472-3.312-1.84-5.948-5.825-7.719l-7.829-3.335a.757.757 0 0 1-.411-.985"/><path fill="url(#icBMO9d)" d="M8.326 14.579a.75.75 0 0 1 .978-.414l7.737 3.216c4.886 2.147 6.397 5.288 6.936 9.142c.132.95-1.451 1.046-1.586.095c-.472-3.312-1.84-5.948-5.825-7.719l-7.829-3.335a.757.757 0 0 1-.411-.985"/><path fill="url(#i0Wci1c)" d="M8.326 14.579a.75.75 0 0 1 .978-.414l7.737 3.216c4.886 2.147 6.397 5.288 6.936 9.142c.132.95-1.451 1.046-1.586.095c-.472-3.312-1.84-5.948-5.825-7.719l-7.829-3.335a.757.757 0 0 1-.411-.985"/><path fill="url(#iokpU2b)" d="M8.326 14.579a.75.75 0 0 1 .978-.414l7.737 3.216q1.027.452 1.866.962l-.478 1.566a12.7 12.7 0 0 0-1.863-1.01l-7.829-3.335a.757.757 0 0 1-.411-.985"/><circle cx="19.08" cy="24.529" r="1.355" fill="url(#iRbFRdd)"/><circle cx="19.08" cy="24.529" r="1.355" fill="url(#ieYQVEb)"/><circle cx="26.044" cy="24.572" r="1.044" fill="url(#i9Voyib)"/><circle cx="26.044" cy="24.572" r="1.044" fill="url(#in0Sawc)"/><defs><radialGradient id="iFQroQe" cx="0" cy="0" r="1" gradientTransform="rotate(-163.302 11.039 3.722)scale(.65386 5.55786)" gradientUnits="userSpaceOnUse"><stop stop-color="#D5FFFF"/><stop offset="1" stop-color="#D5FFFF" stop-opacity="0"/></radialGradient><radialGradient id="irj9PNe" cx="0" cy="0" r="1" gradientTransform="rotate(17.101 -33.97 16.29)scale(.42592 2.69195)" gradientUnits="userSpaceOnUse"><stop stop-color="#D5FFFF"/><stop offset="1" stop-color="#D5FFFF" stop-opacity="0"/></radialGradient><radialGradient id="iJLtXgd" cx="0" cy="0" r="1" gradientTransform="matrix(0 .97075 -1.14063 0 28.873 28.058)" gradientUnits="userSpaceOnUse"><stop stop-color="#5EB5F9"/><stop offset="1" stop-color="#54B2F6" stop-opacity="0"/></radialGradient><radialGradient id="iibuA3z" cx="0" cy="0" r="1" gradientTransform="matrix(0 .67326 -.83035 0 23.753 26.68)" gradientUnits="userSpaceOnUse"><stop offset=".336" stop-color="#4FB8F3"/><stop offset="1" stop-color="#56C3F7" stop-opacity="0"/></radialGradient><radialGradient id="icBMO9d" cx="0" cy="0" r="1" gradientTransform="matrix(2.06676 13.52783 -12.54247 1.91622 15.408 26.869)" gradientUnits="userSpaceOnUse"><stop offset=".597" stop-color="#4EBAFF"/><stop offset=".654" stop-color="#60D7FF"/><stop offset=".918" stop-color="#66CBFF"/></radialGradient><radialGradient id="i0Wci1c" cx="0" cy="0" r="1" gradientTransform="rotate(-71.03 30.7 -1.999)scale(2.11923 3.08784)" gradientUnits="userSpaceOnUse"><stop offset=".334" stop-color="#41A3EC"/><stop offset="1" stop-color="#44A2EA" stop-opacity="0"/></radialGradient><radialGradient id="iRbFRdd" cx="0" cy="0" r="1" gradientTransform="rotate(126.332 3.813 16.953)scale(2.43133)" gradientUnits="userSpaceOnUse"><stop stop-color="#76D5FF"/><stop offset=".572" stop-color="#5ABDFF"/><stop offset="1" stop-color="#83C4FF"/></radialGradient><radialGradient id="ieYQVEb" cx="0" cy="0" r="1" gradientTransform="rotate(92.603 -1.735 21.377)scale(.68963)" gradientUnits="userSpaceOnUse"><stop stop-color="#73D3FF"/><stop offset="1" stop-color="#73D4FF" stop-opacity="0"/></radialGradient><radialGradient id="i9Voyib" cx="0" cy="0" r="1" gradientTransform="rotate(126.332 7.174 18.767)scale(1.8735)" gradientUnits="userSpaceOnUse"><stop stop-color="#76D5FF"/><stop offset=".572" stop-color="#5ABDFF"/><stop offset="1" stop-color="#83C4FF"/></radialGradient><radialGradient id="in0Sawc" cx="0" cy="0" r="1" gradientTransform="rotate(92.603 1.624 24.726)scale(.5314)" gradientUnits="userSpaceOnUse"><stop stop-color="#73D3FF"/><stop offset="1" stop-color="#73D4FF" stop-opacity="0"/></radialGradient><linearGradient id="iO9KYGg" x1="12.652" x2="10.46" y1="5.199" y2="15.721" gradientUnits="userSpaceOnUse"><stop stop-color="#BEE4FF"/><stop offset=".111" stop-color="#C0EBFF"/><stop offset="1" stop-color="#C8F2FF"/></linearGradient><linearGradient id="ijloWKb" x1="12.652" x2="11.963" y1="4.51" y2="9.896" gradientUnits="userSpaceOnUse"><stop offset=".091" stop-color="#B9CEF1"/><stop offset=".218" stop-color="#B9D2FB" stop-opacity="0"/></linearGradient><linearGradient id="ifkhsec" x1="9.332" x2="11.62" y1="16.973" y2="11.458" gradientUnits="userSpaceOnUse"><stop offset=".052" stop-color="#C3D5FA"/><stop offset=".351" stop-color="#C1E9FF" stop-opacity="0"/></linearGradient><linearGradient id="iSVS26u" x1="2.569" x2="11.62" y1="8.706" y2="11.458" gradientUnits="userSpaceOnUse"><stop offset=".052" stop-color="#C3D5FA"/><stop offset=".145" stop-color="#C1E9FF" stop-opacity="0"/></linearGradient><linearGradient id="iQus7Ob" x1="20.731" x2="11.62" y1="13.529" y2="11.458" gradientUnits="userSpaceOnUse"><stop offset=".052" stop-color="#C3D5FA"/><stop offset=".145" stop-color="#C1E9FF" stop-opacity="0"/></linearGradient><linearGradient id="iTOTbub" x1="20.328" x2="3.445" y1="8.393" y2="5.903" gradientUnits="userSpaceOnUse"><stop offset=".41" stop-color="#fff"/><stop offset=".852" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="iJTA7Lc" x1="21.992" x2="21.992" y1="26.994" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#48A3DF"/><stop offset=".323" stop-color="#47A8F4"/><stop offset=".604" stop-color="#3E97F3"/><stop offset="1" stop-color="#5980F1"/></linearGradient><linearGradient id="iokpU2b" x1="14.28" x2="13.588" y1="15.94" y2="17.599" gradientUnits="userSpaceOnUse"><stop stop-color="#93D6FF"/><stop offset=".447" stop-color="#9ADFFF"/><stop offset="1" stop-color="#99C9FF"/></linearGradient></defs></g></svg>Как использовать иконку Pouring Liquid
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:pouring-liquid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:pouring-liquid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:pouring-liquid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--pouring-liquid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:pouring-liquid"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:pouring-liquid"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/pouring-liquid.svg" alt="Иконка Pouring Liquid" width="24" height="24">Иконка Pouring Liquid в других наборах
Вопросы и ответы: Иконка Pouring Liquid
Можно ли бесплатно использовать иконку Pouring Liquid в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Pouring Liquid в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:pouring-liquid" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pouring Liquid на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/pouring-liquid.svg" alt="Иконка Pouring Liquid">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.