ribbon emoji
ribbon from Fluent Emoji High Contrast by Microsoft Corporation · Default · Activities · MIT Free for personal and commercial use.
- Name
- ribbon
- Set
- Fluent Emoji High Contrast
- 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 FlatribbonHealth IconsribbonHuge IconsribbonIonIconsribbonLine AwesomeribbonLucideribbonMage IconsribbonMaterial Design IconsribbonMyna UI IconsribbonNoto EmojiribbonOpenMojiribbonStreamline EmojisribbonTwitter Emoji
More activities icons from Fluent Emoji High Contrast
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="currentColor" d="m8.147 19.728l-.697.355c-2.36 1.21-5.15-.36-5.43-2.91l.002-.022A4 4 0 0 1 2 16.733v-7.98c0-2.8 2.96-4.61 5.46-3.34l4.587 2.343C12.26 6.752 13.165 6 14.254 6h3.492c1.086 0 1.99.756 2.205 1.752l4.579-2.339c2.5-1.27 5.46.54 5.46 3.34v7.98q0 .214-.022.42l.002.02c-.28 2.55-3.06 4.12-5.43 2.91l-.71-.362l2.84 7.363c.23.587-.38 1.153-.95.895l-2.26-1.014a.71.71 0 0 0-.94.358l-.99 2.256c-.25.576-1.08.556-1.31-.03L16.155 19h-.33L11.76 29.549c-.23.586-1.06.606-1.31.03l-.99-2.256a.71.71 0 0 0-.94-.358l-2.26 1.014c-.57.258-1.18-.308-.95-.895zm-.697-5.465L12 16.586V8.855l-4.993-2.55C5.167 5.371 3 6.703 3 8.752v6.29c1.08-1.15 2.857-1.593 4.45-.78m2.031 4.783l-2.98 7.729l1.61-.722l.005-.003a1.713 1.713 0 0 1 2.257.864l.003.007l.705 1.608L14.753 19h-.499c-.93 0-1.725-.548-2.07-1.333zM17.227 19l3.672 9.529l.708-1.614a1.71 1.71 0 0 1 2.257-.865l.005.002l1.61.723l-2.983-7.735l-2.681-1.369A2.25 2.25 0 0 1 17.745 19zm7.313-4.737c1.589-.808 3.368-.364 4.45.79v-6.3c0-2.05-2.17-3.381-4.007-2.448L20 8.85v7.731z"/><path stroke="currentColor" stroke-width="2" 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"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastRibbon(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="currentColor" d="m8.147 19.728l-.697.355c-2.36 1.21-5.15-.36-5.43-2.91l.002-.022A4 4 0 0 1 2 16.733v-7.98c0-2.8 2.96-4.61 5.46-3.34l4.587 2.343C12.26 6.752 13.165 6 14.254 6h3.492c1.086 0 1.99.756 2.205 1.752l4.579-2.339c2.5-1.27 5.46.54 5.46 3.34v7.98q0 .214-.022.42l.002.02c-.28 2.55-3.06 4.12-5.43 2.91l-.71-.362l2.84 7.363c.23.587-.38 1.153-.95.895l-2.26-1.014a.71.71 0 0 0-.94.358l-.99 2.256c-.25.576-1.08.556-1.31-.03L16.155 19h-.33L11.76 29.549c-.23.586-1.06.606-1.31.03l-.99-2.256a.71.71 0 0 0-.94-.358l-2.26 1.014c-.57.258-1.18-.308-.95-.895zm-.697-5.465L12 16.586V8.855l-4.993-2.55C5.167 5.371 3 6.703 3 8.752v6.29c1.08-1.15 2.857-1.593 4.45-.78m2.031 4.783l-2.98 7.729l1.61-.722l.005-.003a1.713 1.713 0 0 1 2.257.864l.003.007l.705 1.608L14.753 19h-.499c-.93 0-1.725-.548-2.07-1.333zM17.227 19l3.672 9.529l.708-1.614a1.71 1.71 0 0 1 2.257-.865l.005.002l1.61.723l-2.983-7.735l-2.681-1.369A2.25 2.25 0 0 1 17.745 19zm7.313-4.737c1.589-.808 3.368-.364 4.45.79v-6.3c0-2.05-2.17-3.381-4.007-2.448L20 8.85v7.731z"/><path stroke="currentColor" strokeWidth="2" 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"/></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="currentColor" d="m8.147 19.728l-.697.355c-2.36 1.21-5.15-.36-5.43-2.91l.002-.022A4 4 0 0 1 2 16.733v-7.98c0-2.8 2.96-4.61 5.46-3.34l4.587 2.343C12.26 6.752 13.165 6 14.254 6h3.492c1.086 0 1.99.756 2.205 1.752l4.579-2.339c2.5-1.27 5.46.54 5.46 3.34v7.98q0 .214-.022.42l.002.02c-.28 2.55-3.06 4.12-5.43 2.91l-.71-.362l2.84 7.363c.23.587-.38 1.153-.95.895l-2.26-1.014a.71.71 0 0 0-.94.358l-.99 2.256c-.25.576-1.08.556-1.31-.03L16.155 19h-.33L11.76 29.549c-.23.586-1.06.606-1.31.03l-.99-2.256a.71.71 0 0 0-.94-.358l-2.26 1.014c-.57.258-1.18-.308-.95-.895zm-.697-5.465L12 16.586V8.855l-4.993-2.55C5.167 5.371 3 6.703 3 8.752v6.29c1.08-1.15 2.857-1.593 4.45-.78m2.031 4.783l-2.98 7.729l1.61-.722l.005-.003a1.713 1.713 0 0 1 2.257.864l.003.007l.705 1.608L14.753 19h-.499c-.93 0-1.725-.548-2.07-1.333zM17.227 19l3.672 9.529l.708-1.614a1.71 1.71 0 0 1 2.257-.865l.005.002l1.61.723l-2.983-7.735l-2.681-1.369A2.25 2.25 0 0 1 17.745 19zm7.313-4.737c1.589-.808 3.368-.364 4.45.79v-6.3c0-2.05-2.17-3.381-4.007-2.448L20 8.85v7.731z"/><path stroke="currentColor" stroke-width="2" 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"/></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%22currentColor%22%20d%3D%22m8.147%2019.728l-.697.355c-2.36%201.21-5.15-.36-5.43-2.91l.002-.022A4%204%200%200%201%202%2016.733v-7.98c0-2.8%202.96-4.61%205.46-3.34l4.587%202.343C12.26%206.752%2013.165%206%2014.254%206h3.492c1.086%200%201.99.756%202.205%201.752l4.579-2.339c2.5-1.27%205.46.54%205.46%203.34v7.98q0%20.214-.022.42l.002.02c-.28%202.55-3.06%204.12-5.43%202.91l-.71-.362l2.84%207.363c.23.587-.38%201.153-.95.895l-2.26-1.014a.71.71%200%200%200-.94.358l-.99%202.256c-.25.576-1.08.556-1.31-.03L16.155%2019h-.33L11.76%2029.549c-.23.586-1.06.606-1.31.03l-.99-2.256a.71.71%200%200%200-.94-.358l-2.26%201.014c-.57.258-1.18-.308-.95-.895zm-.697-5.465L12%2016.586V8.855l-4.993-2.55C5.167%205.371%203%206.703%203%208.752v6.29c1.08-1.15%202.857-1.593%204.45-.78m2.031%204.783l-2.98%207.729l1.61-.722l.005-.003a1.713%201.713%200%200%201%202.257.864l.003.007l.705%201.608L14.753%2019h-.499c-.93%200-1.725-.548-2.07-1.333zM17.227%2019l3.672%209.529l.708-1.614a1.71%201.71%200%200%201%202.257-.865l.005.002l1.61.723l-2.983-7.735l-2.681-1.369A2.25%202.25%200%200%201%2017.745%2019zm7.313-4.737c1.589-.808%203.368-.364%204.45.79v-6.3c0-2.05-2.17-3.381-4.007-2.448L20%208.85v7.731z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%222%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%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%22currentColor%22%20d%3D%22m8.147%2019.728l-.697.355c-2.36%201.21-5.15-.36-5.43-2.91l.002-.022A4%204%200%200%201%202%2016.733v-7.98c0-2.8%202.96-4.61%205.46-3.34l4.587%202.343C12.26%206.752%2013.165%206%2014.254%206h3.492c1.086%200%201.99.756%202.205%201.752l4.579-2.339c2.5-1.27%205.46.54%205.46%203.34v7.98q0%20.214-.022.42l.002.02c-.28%202.55-3.06%204.12-5.43%202.91l-.71-.362l2.84%207.363c.23.587-.38%201.153-.95.895l-2.26-1.014a.71.71%200%200%200-.94.358l-.99%202.256c-.25.576-1.08.556-1.31-.03L16.155%2019h-.33L11.76%2029.549c-.23.586-1.06.606-1.31.03l-.99-2.256a.71.71%200%200%200-.94-.358l-2.26%201.014c-.57.258-1.18-.308-.95-.895zm-.697-5.465L12%2016.586V8.855l-4.993-2.55C5.167%205.371%203%206.703%203%208.752v6.29c1.08-1.15%202.857-1.593%204.45-.78m2.031%204.783l-2.98%207.729l1.61-.722l.005-.003a1.713%201.713%200%200%201%202.257.864l.003.007l.705%201.608L14.753%2019h-.499c-.93%200-1.725-.548-2.07-1.333zM17.227%2019l3.672%209.529l.708-1.614a1.71%201.71%200%200%201%202.257-.865l.005.002l1.61.723l-2.983-7.735l-2.681-1.369A2.25%202.25%200%200%201%2017.745%2019zm7.313-4.737c1.589-.808%203.368-.364%204.45.79v-6.3c0-2.05-2.17-3.381-4.007-2.448L20%208.85v7.731z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%222%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%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/ribbon.svg?color=%231a73e8&size=48
