reminder ribbon emoji
reminder-ribbon from Noto Emoji by Google Inc · Default · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- reminder-ribbon
- Set
- Noto Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More activities icons from Noto Emoji
Use the reminder ribbon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffa828" d="m43.34 24.87l5.09 6.85s4.57-5.21 16-5.46c10.67-.24 15.37 5.71 15.37 5.71l7.11-13.72s-2.85-9.17-12-13.27c-2.94-1.32-6.65-2.09-11.2-1.94c-5.42.18-9.13 1.47-12.28 2.89c-6.42 2.9-8.09 18.94-8.09 18.94"/><path fill="#ffb803" d="M16.54 106.02c-.15 1.48 2.46 2.62 7.53 9.01s9.01 10.81 9.82 10.97s21.94-13.1 42.24-40.61s22.54-54.79 17.7-63.85C87.6 9.91 75.32 5.16 75.32 5.16s11.28 25.91-9.33 55.51c-21.78 31.27-49.28 43.72-49.45 45.35"/><path fill="#ffd54f" d="M50.96 6.16s-14.79 9.3-18.05 20.12C29 39.25 33.4 59.52 50.76 83.42s41.42 40.44 42.57 40.61c1.15.16 7.53-6.71 10.48-10.48s7.04-8.68 6.88-9.33s-27.72-16.11-38.97-29.63C58.79 59.03 51.26 42.26 49.78 31.36c-2.29-16.86 1.18-25.2 1.18-25.2"/></svg>
React
import type { SVGProps } from "react";
export function NotoReminderRibbon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffa828" d="m43.34 24.87l5.09 6.85s4.57-5.21 16-5.46c10.67-.24 15.37 5.71 15.37 5.71l7.11-13.72s-2.85-9.17-12-13.27c-2.94-1.32-6.65-2.09-11.2-1.94c-5.42.18-9.13 1.47-12.28 2.89c-6.42 2.9-8.09 18.94-8.09 18.94"/><path fill="#ffb803" d="M16.54 106.02c-.15 1.48 2.46 2.62 7.53 9.01s9.01 10.81 9.82 10.97s21.94-13.1 42.24-40.61s22.54-54.79 17.7-63.85C87.6 9.91 75.32 5.16 75.32 5.16s11.28 25.91-9.33 55.51c-21.78 31.27-49.28 43.72-49.45 45.35"/><path fill="#ffd54f" d="M50.96 6.16s-14.79 9.3-18.05 20.12C29 39.25 33.4 59.52 50.76 83.42s41.42 40.44 42.57 40.61c1.15.16 7.53-6.71 10.48-10.48s7.04-8.68 6.88-9.33s-27.72-16.11-38.97-29.63C58.79 59.03 51.26 42.26 49.78 31.36c-2.29-16.86 1.18-25.2 1.18-25.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffa828" d="m43.34 24.87l5.09 6.85s4.57-5.21 16-5.46c10.67-.24 15.37 5.71 15.37 5.71l7.11-13.72s-2.85-9.17-12-13.27c-2.94-1.32-6.65-2.09-11.2-1.94c-5.42.18-9.13 1.47-12.28 2.89c-6.42 2.9-8.09 18.94-8.09 18.94"/><path fill="#ffb803" d="M16.54 106.02c-.15 1.48 2.46 2.62 7.53 9.01s9.01 10.81 9.82 10.97s21.94-13.1 42.24-40.61s22.54-54.79 17.7-63.85C87.6 9.91 75.32 5.16 75.32 5.16s11.28 25.91-9.33 55.51c-21.78 31.27-49.28 43.72-49.45 45.35"/><path fill="#ffd54f" d="M50.96 6.16s-14.79 9.3-18.05 20.12C29 39.25 33.4 59.52 50.76 83.42s41.42 40.44 42.57 40.61c1.15.16 7.53-6.71 10.48-10.48s7.04-8.68 6.88-9.33s-27.72-16.11-38.97-29.63C58.79 59.03 51.26 42.26 49.78 31.36c-2.29-16.86 1.18-25.2 1.18-25.2"/></svg> </template>
CSS
.icon-reminder-ribbon {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffa828%22%20d%3D%22m43.34%2024.87l5.09%206.85s4.57-5.21%2016-5.46c10.67-.24%2015.37%205.71%2015.37%205.71l7.11-13.72s-2.85-9.17-12-13.27c-2.94-1.32-6.65-2.09-11.2-1.94c-5.42.18-9.13%201.47-12.28%202.89c-6.42%202.9-8.09%2018.94-8.09%2018.94%22%2F%3E%3Cpath%20fill%3D%22%23ffb803%22%20d%3D%22M16.54%20106.02c-.15%201.48%202.46%202.62%207.53%209.01s9.01%2010.81%209.82%2010.97s21.94-13.1%2042.24-40.61s22.54-54.79%2017.7-63.85C87.6%209.91%2075.32%205.16%2075.32%205.16s11.28%2025.91-9.33%2055.51c-21.78%2031.27-49.28%2043.72-49.45%2045.35%22%2F%3E%3Cpath%20fill%3D%22%23ffd54f%22%20d%3D%22M50.96%206.16s-14.79%209.3-18.05%2020.12C29%2039.25%2033.4%2059.52%2050.76%2083.42s41.42%2040.44%2042.57%2040.61c1.15.16%207.53-6.71%2010.48-10.48s7.04-8.68%206.88-9.33s-27.72-16.11-38.97-29.63C58.79%2059.03%2051.26%2042.26%2049.78%2031.36c-2.29-16.86%201.18-25.2%201.18-25.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffa828%22%20d%3D%22m43.34%2024.87l5.09%206.85s4.57-5.21%2016-5.46c10.67-.24%2015.37%205.71%2015.37%205.71l7.11-13.72s-2.85-9.17-12-13.27c-2.94-1.32-6.65-2.09-11.2-1.94c-5.42.18-9.13%201.47-12.28%202.89c-6.42%202.9-8.09%2018.94-8.09%2018.94%22%2F%3E%3Cpath%20fill%3D%22%23ffb803%22%20d%3D%22M16.54%20106.02c-.15%201.48%202.46%202.62%207.53%209.01s9.01%2010.81%209.82%2010.97s21.94-13.1%2042.24-40.61s22.54-54.79%2017.7-63.85C87.6%209.91%2075.32%205.16%2075.32%205.16s11.28%2025.91-9.33%2055.51c-21.78%2031.27-49.28%2043.72-49.45%2045.35%22%2F%3E%3Cpath%20fill%3D%22%23ffd54f%22%20d%3D%22M50.96%206.16s-14.79%209.3-18.05%2020.12C29%2039.25%2033.4%2059.52%2050.76%2083.42s41.42%2040.44%2042.57%2040.61c1.15.16%207.53-6.71%2010.48-10.48s7.04-8.68%206.88-9.33s-27.72-16.11-38.97-29.63C58.79%2059.03%2051.26%2042.26%2049.78%2031.36c-2.29-16.86%201.18-25.2%201.18-25.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/reminder-ribbon.svg?color=%231a73e8&size=48
