ribbon emoji
ribbon from Fluent Emoji Flat by Microsoft Corporation · Default · Activities · MIT Free for personal and commercial use.
- Name
- ribbon
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Activities
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
ribbonAkar IconsribbonEmoji One (Colored)ribbonFont Awesome 6 SolidribbonFont Awesome Solidribbon-12-filledFluent UI System Iconsribbon-16Fluent UI System Color IconsribbonFluent EmojiribbonFluent Emoji High ContrastribbonHealth IconsribbonHuge IconsribbonIonIconsribbonLine AwesomeribbonLucideribbonMage IconsribbonMaterial Design IconsribbonMyna UI IconsribbonNoto EmojiribbonOpenMojiribbonStreamline EmojisribbonTwitter Emoji
More activities icons from Fluent Emoji Flat
Use the ribbon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M15.995 9.772L7.46 5.413C4.96 4.143 2 5.953 2 8.753v7.98c0 2.8 2.96 4.62 5.46 3.34l.69-.352l-2.84 7.363c-.23.587.38 1.153.95.895l2.26-1.014c.36-.159.78 0 .94.358l.99 2.256c.25.576 1.08.556 1.31-.03l4.23-10.978l4.23 10.978c.23.586 1.06.606 1.31.03l.99-2.256c.16-.358.58-.517.94-.358l2.26 1.014c.57.258 1.18-.308.95-.895l-2.842-7.37l.702.36c2.5 1.28 5.46-.54 5.46-3.34v-7.98c0-2.8-2.96-4.61-5.46-3.34z"/><path fill="#ca0b4a" d="M14.254 6h3.492C18.993 6 20 6.998 20 8.21v8.371l4.54-2.318c2.36-1.2 5.14.36 5.43 2.91c-.28 2.55-3.06 4.12-5.43 2.91l-4.725-2.412A2.25 2.25 0 0 1 17.745 19h-3.49c-.93 0-1.726-.548-2.072-1.333L7.45 20.083c-2.36 1.21-5.15-.36-5.43-2.91c.28-2.55 3.06-4.12 5.43-2.91L12 16.586V8.21C12 6.987 13.007 6 14.254 6"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatRibbon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M15.995 9.772L7.46 5.413C4.96 4.143 2 5.953 2 8.753v7.98c0 2.8 2.96 4.62 5.46 3.34l.69-.352l-2.84 7.363c-.23.587.38 1.153.95.895l2.26-1.014c.36-.159.78 0 .94.358l.99 2.256c.25.576 1.08.556 1.31-.03l4.23-10.978l4.23 10.978c.23.586 1.06.606 1.31.03l.99-2.256c.16-.358.58-.517.94-.358l2.26 1.014c.57.258 1.18-.308.95-.895l-2.842-7.37l.702.36c2.5 1.28 5.46-.54 5.46-3.34v-7.98c0-2.8-2.96-4.61-5.46-3.34z"/><path fill="#ca0b4a" d="M14.254 6h3.492C18.993 6 20 6.998 20 8.21v8.371l4.54-2.318c2.36-1.2 5.14.36 5.43 2.91c-.28 2.55-3.06 4.12-5.43 2.91l-4.725-2.412A2.25 2.25 0 0 1 17.745 19h-3.49c-.93 0-1.726-.548-2.072-1.333L7.45 20.083c-2.36 1.21-5.15-.36-5.43-2.91c.28-2.55 3.06-4.12 5.43-2.91L12 16.586V8.21C12 6.987 13.007 6 14.254 6"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M15.995 9.772L7.46 5.413C4.96 4.143 2 5.953 2 8.753v7.98c0 2.8 2.96 4.62 5.46 3.34l.69-.352l-2.84 7.363c-.23.587.38 1.153.95.895l2.26-1.014c.36-.159.78 0 .94.358l.99 2.256c.25.576 1.08.556 1.31-.03l4.23-10.978l4.23 10.978c.23.586 1.06.606 1.31.03l.99-2.256c.16-.358.58-.517.94-.358l2.26 1.014c.57.258 1.18-.308.95-.895l-2.842-7.37l.702.36c2.5 1.28 5.46-.54 5.46-3.34v-7.98c0-2.8-2.96-4.61-5.46-3.34z"/><path fill="#ca0b4a" d="M14.254 6h3.492C18.993 6 20 6.998 20 8.21v8.371l4.54-2.318c2.36-1.2 5.14.36 5.43 2.91c-.28 2.55-3.06 4.12-5.43 2.91l-4.725-2.412A2.25 2.25 0 0 1 17.745 19h-3.49c-.93 0-1.726-.548-2.072-1.333L7.45 20.083c-2.36 1.21-5.15-.36-5.43-2.91c.28-2.55 3.06-4.12 5.43-2.91L12 16.586V8.21C12 6.987 13.007 6 14.254 6"/></g></svg> </template>
CSS
.icon-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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M15.995%209.772L7.46%205.413C4.96%204.143%202%205.953%202%208.753v7.98c0%202.8%202.96%204.62%205.46%203.34l.69-.352l-2.84%207.363c-.23.587.38%201.153.95.895l2.26-1.014c.36-.159.78%200%20.94.358l.99%202.256c.25.576%201.08.556%201.31-.03l4.23-10.978l4.23%2010.978c.23.586%201.06.606%201.31.03l.99-2.256c.16-.358.58-.517.94-.358l2.26%201.014c.57.258%201.18-.308.95-.895l-2.842-7.37l.702.36c2.5%201.28%205.46-.54%205.46-3.34v-7.98c0-2.8-2.96-4.61-5.46-3.34z%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M14.254%206h3.492C18.993%206%2020%206.998%2020%208.21v8.371l4.54-2.318c2.36-1.2%205.14.36%205.43%202.91c-.28%202.55-3.06%204.12-5.43%202.91l-4.725-2.412A2.25%202.25%200%200%201%2017.745%2019h-3.49c-.93%200-1.726-.548-2.072-1.333L7.45%2020.083c-2.36%201.21-5.15-.36-5.43-2.91c.28-2.55%203.06-4.12%205.43-2.91L12%2016.586V8.21C12%206.987%2013.007%206%2014.254%206%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M15.995%209.772L7.46%205.413C4.96%204.143%202%205.953%202%208.753v7.98c0%202.8%202.96%204.62%205.46%203.34l.69-.352l-2.84%207.363c-.23.587.38%201.153.95.895l2.26-1.014c.36-.159.78%200%20.94.358l.99%202.256c.25.576%201.08.556%201.31-.03l4.23-10.978l4.23%2010.978c.23.586%201.06.606%201.31.03l.99-2.256c.16-.358.58-.517.94-.358l2.26%201.014c.57.258%201.18-.308.95-.895l-2.842-7.37l.702.36c2.5%201.28%205.46-.54%205.46-3.34v-7.98c0-2.8-2.96-4.61-5.46-3.34z%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M14.254%206h3.492C18.993%206%2020%206.998%2020%208.21v8.371l4.54-2.318c2.36-1.2%205.14.36%205.43%202.91c-.28%202.55-3.06%204.12-5.43%202.91l-4.725-2.412A2.25%202.25%200%200%201%2017.745%2019h-3.49c-.93%200-1.726-.548-2.072-1.333L7.45%2020.083c-2.36%201.21-5.15-.36-5.43-2.91c.28-2.55%203.06-4.12%205.43-2.91L12%2016.586V8.21C12%206.987%2013.007%206%2014.254%206%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/ribbon.svg?color=%231a73e8&size=48
