Иконка Reminder Ribbon
fluent-emoji:reminder-ribbon
Иконка Reminder Ribbon (fluent-emoji:reminder-ribbon) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- reminderribbon
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#ignrFTX)"><path fill="url(#iAOUh6d)" d="M19.235 8.23c-2.413-.85-5.516-.355-6.766 0a1.58 1.58 0 0 1-.953-1.266c-.125-.97-.766-4.125 4.39-4.297c4.126-.138 5.521 2.047 5.704 3.156z"/><path fill="url(#iSD5r9V)" d="M19.235 8.23c-2.413-.85-5.516-.355-6.766 0a1.58 1.58 0 0 1-.953-1.266c-.125-.97-.766-4.125 4.39-4.297c4.126-.138 5.521 2.047 5.704 3.156z"/></g><g filter="url(#itxTW7d)"><path fill="#FFC444" d="M19.498 14.505c2.962 2.803 6.904 6.485 10.392 9.585a.5.5 0 0 1 .04.705a185 185 0 0 1-4.715 5.106a.49.49 0 0 1-.686.026c-2.985-2.697-7.069-6.812-10.447-10.307z"/><path fill="url(#ikQiSze)" d="M19.498 14.505c2.962 2.803 6.904 6.485 10.392 9.585a.5.5 0 0 1 .04.705a185 185 0 0 1-4.715 5.106a.49.49 0 0 1-.686.026c-2.985-2.697-7.069-6.812-10.447-10.307z"/></g><path fill="url(#ikGSdib)" d="M19.498 14.505c2.962 2.803 6.904 6.485 10.392 9.585a.5.5 0 0 1 .04.705a185 185 0 0 1-4.715 5.106a.49.49 0 0 1-.686.026c-2.985-2.697-7.069-6.812-10.447-10.307z"/><path fill="url(#itg2E2c)" d="M19.498 14.505c2.962 2.803 6.904 6.485 10.392 9.585a.5.5 0 0 1 .04.705a185 185 0 0 1-4.715 5.106a.49.49 0 0 1-.686.026c-2.985-2.697-7.069-6.812-10.447-10.307z"/><path fill="url(#iFTVuxb)" d="M18.484 13.543c-2.136-2.03-3.556-3.403-3.556-3.403c-1.2-1.175-3.319-3.395-3.038-4.895c.412-2.2 3.013-2.188 4.223-2.182h.16V1.91c-1.96 0-3.632.283-5.518 1.657c-3.075 2.24-5.202 7.058-.552 11.992c.852.904 1.89 1.995 3.034 3.186c1.738-1.725 3.546-3.518 5.246-5.201"/><path fill="url(#i1y0P7d)" d="M18.484 13.543c-2.136-2.03-3.556-3.403-3.556-3.403c-1.2-1.175-3.319-3.395-3.038-4.895c.412-2.2 3.013-2.188 4.223-2.182h.16V1.91c-1.96 0-3.632.283-5.518 1.657c-3.075 2.24-5.202 7.058-.552 11.992c.852.904 1.89 1.995 3.034 3.186c1.738-1.725 3.546-3.518 5.246-5.201"/><path fill="url(#iiLtDjx)" d="M18.484 13.543c-2.136-2.03-3.556-3.403-3.556-3.403c-1.2-1.175-3.319-3.395-3.038-4.895c.412-2.2 3.013-2.188 4.223-2.182h.16V1.91c-1.96 0-3.632.283-5.518 1.657c-3.075 2.24-5.202 7.058-.552 11.992c.852.904 1.89 1.995 3.034 3.186c1.738-1.725 3.546-3.518 5.246-5.201"/><path fill="url(#ioEZrAd)" d="M18.484 13.543c-2.136-2.03-3.556-3.403-3.556-3.403c-1.2-1.175-3.319-3.395-3.038-4.895c.412-2.2 3.013-2.188 4.223-2.182h.16V1.91c-1.96 0-3.632.283-5.518 1.657c-3.075 2.24-5.202 7.058-.552 11.992c.852.904 1.89 1.995 3.034 3.186c1.738-1.725 3.546-3.518 5.246-5.201"/><g filter="url(#iZqHAMV)"><path fill="#FFD24B" d="M16.93 10.064L1.99 23.816a.5.5 0 0 0-.034.702l4.663 5.186a.5.5 0 0 0 .72.024c4.038-3.925 10.924-10.516 14.488-14.174c4.63-4.75 2.524-9.752-.551-11.992c-1.887-1.373-3.38-1.653-5.002-1.653v1.15c1.122 0 3.818.54 4.14 2.085c.302 1.445-2.283 3.744-3.482 4.92"/><path fill="url(#i7lVGnb)" d="M16.93 10.064L1.99 23.816a.5.5 0 0 0-.034.702l4.663 5.186a.5.5 0 0 0 .72.024c4.038-3.925 10.924-10.516 14.488-14.174c4.63-4.75 2.524-9.752-.551-11.992c-1.887-1.373-3.38-1.653-5.002-1.653v1.15c1.122 0 3.818.54 4.14 2.085c.302 1.445-2.283 3.744-3.482 4.92"/><path fill="url(#idbiZjd)" d="M16.93 10.064L1.99 23.816a.5.5 0 0 0-.034.702l4.663 5.186a.5.5 0 0 0 .72.024c4.038-3.925 10.924-10.516 14.488-14.174c4.63-4.75 2.524-9.752-.551-11.992c-1.887-1.373-3.38-1.653-5.002-1.653v1.15c1.122 0 3.818.54 4.14 2.085c.302 1.445-2.283 3.744-3.482 4.92"/></g><path fill="url(#iTDiL8b)" d="M16.93 10.064L1.99 23.816a.5.5 0 0 0-.034.702l4.663 5.186a.5.5 0 0 0 .72.024c4.038-3.925 10.924-10.516 14.488-14.174c4.63-4.75 2.524-9.752-.551-11.992c-1.887-1.373-3.38-1.653-5.002-1.653v1.15c1.122 0 3.818.54 4.14 2.085c.302 1.445-2.283 3.744-3.482 4.92"/><path fill="url(#ieKHw7b)" d="M16.93 10.064L1.99 23.816a.5.5 0 0 0-.034.702l4.663 5.186a.5.5 0 0 0 .72.024c4.038-3.925 10.924-10.516 14.488-14.174c4.63-4.75 2.524-9.752-.551-11.992c-1.887-1.373-3.38-1.653-5.002-1.653v1.15c1.122 0 3.818.54 4.14 2.085c.302 1.445-2.283 3.744-3.482 4.92"/><g filter="url(#i6Gp6lD)"><path stroke="url(#idlDAxb)" stroke-linecap="round" stroke-width=".5" d="M16.656 2.636c-1-.157-4.001.051-4.882 1.327c-1.09 1.577-.52 3.341 1.897 5.892"/></g><g filter="url(#iEJL0fe)"><path fill="url(#imZwB8c)" d="M20.82 3.932c-.789-.972-2.276-1.377-2.813-1.486l-.239.635c.488.106 1.662.467 2.294 1.164c.984 1.084.067 2.559-.414 3.172c1.235-1.07 1.982-2.487 1.172-3.485"/></g><defs><radialGradient id="iAOUh6d" cx="0" cy="0" r="1" gradientTransform="matrix(8.61341 .04516 -.023 4.38885 11.424 6.65)" gradientUnits="userSpaceOnUse"><stop stop-color="#FAAE36"/><stop offset="1" stop-color="#CF7C39"/></radialGradient><radialGradient id="iSD5r9V" cx="0" cy="0" r="1" gradientTransform="matrix(0 -5.55422 9.43767 0 16.2 8.636)" gradientUnits="userSpaceOnUse"><stop offset=".801" stop-color="#D67B44" stop-opacity="0"/><stop offset="1" stop-color="#D67B44"/></radialGradient><radialGradient id="iFTVuxb" cx="0" cy="0" r="1" gradientTransform="rotate(112.81 5.839 9.028)scale(10.4833 9.59074)" gradientUnits="userSpaceOnUse"><stop offset=".357" stop-color="#EFBC2A"/><stop offset="1" stop-color="#AD9347"/></radialGradient><radialGradient id="ioEZrAd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.25782 -2.97953 4.30319 -3.26086 14.077 4.888)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC42B"/><stop offset="1" stop-color="#FFC42B" stop-opacity="0"/></radialGradient><radialGradient id="i7lVGnb" cx="0" cy="0" r="1" gradientTransform="matrix(-3.31253 11.24995 -6.93934 -2.04328 24.063 8.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFF68"/><stop offset="1" stop-color="#FFFF68" stop-opacity="0"/></radialGradient><radialGradient id="iTDiL8b" cx="0" cy="0" r="1" gradientTransform="matrix(4.4033 1.58884 -1.29089 3.57755 15.896 2.14)" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#FED235"/><stop offset="1" stop-color="#FED235" stop-opacity="0"/></radialGradient><radialGradient id="ieKHw7b" cx="0" cy="0" r="1" gradientTransform="matrix(.73438 -1.76562 1.39548 .58042 19.352 5.604)" gradientUnits="userSpaceOnUse"><stop offset=".576" stop-color="#BD952C"/><stop offset="1" stop-color="#BD952C" stop-opacity="0"/></radialGradient><radialGradient id="idlDAxb" cx="0" cy="0" r="1" gradientTransform="matrix(5.5625 3.5 -4.2198 6.70645 11.516 3.557)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFC58"/><stop offset="1" stop-color="#FFFC58" stop-opacity="0"/></radialGradient><linearGradient id="ikQiSze" x1="19.812" x2="24.237" y1="26.022" y2="20.919" gradientUnits="userSpaceOnUse"><stop stop-color="#F69C3E"/><stop offset="1" stop-color="#F69C3E" stop-opacity="0"/></linearGradient><linearGradient id="ikGSdib" x1="26.179" x2="24.643" y1="20.242" y2="21.957" gradientUnits="userSpaceOnUse"><stop offset=".068" stop-color="#FFFF5D"/><stop offset="1" stop-color="#FFE151" stop-opacity="0"/></linearGradient><linearGradient id="itg2E2c" x1="17.825" x2="18.886" y1="18.277" y2="19.203" gradientUnits="userSpaceOnUse"><stop stop-color="#F79E36"/><stop offset="1" stop-color="#F79E36" stop-opacity="0"/></linearGradient><linearGradient id="i1y0P7d" x1="16.651" x2="12.632" y1="2.856" y2="5.34" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDC38"/><stop offset="1" stop-color="#FFDC38" stop-opacity="0"/></linearGradient><linearGradient id="iiLtDjx" x1="14.37" x2="12.813" y1="13.581" y2="12.339" gradientUnits="userSpaceOnUse"><stop stop-color="#C6942E"/><stop offset=".38" stop-color="#C6942E" stop-opacity=".796"/><stop offset="1" stop-color="#C6942E" stop-opacity="0"/></linearGradient><linearGradient id="idbiZjd" x1="2.378" x2="6.12" y1="30.091" y2="26.664" gradientUnits="userSpaceOnUse"><stop stop-color="#EAA138"/><stop offset="1" stop-color="#EAA138" stop-opacity="0"/></linearGradient><linearGradient id="imZwB8c" x1="20.547" x2="17.768" y1="6.057" y2="2.526" gradientUnits="userSpaceOnUse"><stop stop-color="#C19C31"/><stop offset="1" stop-color="#C19C31" stop-opacity="0"/></linearGradient><filter id="ignrFTX" width="10.186" height="5.719" x="11.424" y="2.511" 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 dy="-.15"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.847059 0 0 0 0 0.52549 0 0 0 0 0.4 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1305"/></filter><filter id="itxTW7d" width="16.375" height="15.649" x="14.082" y="14.505" 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=".4" dy=".1"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.898039 0 0 0 0 0.521569 0 0 0 0 0.352941 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1305"/></filter><filter id="iZqHAMV" width="22.895" height="28.161" x="1.827" y="1.709" 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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.866667 0 0 0 0 0.517647 0 0 0 0 0.309804 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1305"/></filter><filter id="i6Gp6lD" width="6.912" height="8.765" x="10.494" y="1.841" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_1305" stdDeviation=".25"/></filter><filter id="iEJL0fe" width="3.99" height="5.571" x="17.468" y="2.146" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_1305" stdDeviation=".15"/></filter></defs></g></svg>Как использовать иконку Reminder Ribbon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:reminder-ribbon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:reminder-ribbon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:reminder-ribbon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--reminder-ribbon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:reminder-ribbon"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:reminder-ribbon"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/reminder-ribbon.svg" alt="Иконка Reminder Ribbon" width="24" height="24">Иконка Reminder Ribbon в других наборах
Вопросы и ответы: Иконка Reminder Ribbon
Можно ли бесплатно использовать иконку Reminder Ribbon в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Reminder Ribbon в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:reminder-ribbon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Reminder Ribbon на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/reminder-ribbon.svg" alt="Иконка Reminder Ribbon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.