ribbon emoji
ribbon from Emoji One (Colored) by Emoji One · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- ribbon
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Activities
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
ribbonAkar IconsribbonFont Awesome 6 SolidribbonFont Awesome Solidribbon-12-filledFluent UI System Iconsribbon-16Fluent UI System Color IconsribbonFluent EmojiribbonFluent Emoji FlatribbonFluent Emoji High ContrastribbonHealth IconsribbonHuge IconsribbonIonIconsribbonLine AwesomeribbonLucideribbonMage IconsribbonMaterial Design IconsribbonMyna UI IconsribbonNoto EmojiribbonOpenMojiribbonStreamline EmojisribbonTwitter Emoji
More activities icons from Emoji One (Colored)
Use the ribbon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#c94747" d="M15.3 13.1S16 33.3 2 46h13v16s13.6-19.2 13.6-48.9zm33.4 0S48 33.3 62 46H49v16S35.4 42.8 35.4 13.1z"/><path fill="#ff5760" d="M30.7 14c0 5.1-5.7 10-12.6 11l-5.5.8c-6.9 1-11.6-1.3-10.4-5s1.2-9.8 0-13.5s3.4-6 10.4-5l5.5.7c6.9.9 12.6 5.9 12.6 11"/><path fill="#c94747" d="M3.9 21.3c-.5.5.1 1.1.3 1.3c.6.7 2.3 1.5 5.3 1.5c.9 0 1.8-.1 2.8-.2l5.5-.8c3.9-.5 7.4-2.5 9.3-5c0 .1-16.8-3-23.2 3.2"/><path fill="#ff5760" d="M33.3 14c0 5.1 5.7 10 12.6 11l5.5.8c6.9 1 11.6-1.3 10.4-5s-1.2-9.8 0-13.5s-3.4-6-10.4-5l-5.5.7c-6.9.9-12.6 5.9-12.6 11"/><g fill="#c94747"><path d="M60.1 21.3c.5.5-.1 1.1-.3 1.3c-.6.7-2.3 1.5-5.3 1.5c-.9 0-1.8-.1-2.8-.2l-5.5-.8c-3.9-.5-7.4-2.5-9.3-5c0 .1 16.8-3 23.2 3.2m-28.9-8.8s-1.7 1.4-5.8-2c-4.7-3.9-11.5 1.3-2.4 3.6c4.9 1.3 8.2-1.6 8.2-1.6m1.6 0s1.7 1.4 5.8-2c4.7-3.9 11.5 1.3 2.4 3.6c-4.9 1.3-8.2-1.6-8.2-1.6"/><path d="M32 20.9c-3.7 0-4.7 2.8-4.7-6.8s.9-6.8 4.7-6.8s4.7-2.8 4.7 6.8s-1 6.8-4.7 6.8"/></g><path fill="#ff5760" d="M32 21.1c-3 0-3.8 2.8-3.8-7c0-9.9.7-7 3.8-7s3.8-2.8 3.8 7s-.8 7-3.8 7"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneRibbon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#c94747" d="M15.3 13.1S16 33.3 2 46h13v16s13.6-19.2 13.6-48.9zm33.4 0S48 33.3 62 46H49v16S35.4 42.8 35.4 13.1z"/><path fill="#ff5760" d="M30.7 14c0 5.1-5.7 10-12.6 11l-5.5.8c-6.9 1-11.6-1.3-10.4-5s1.2-9.8 0-13.5s3.4-6 10.4-5l5.5.7c6.9.9 12.6 5.9 12.6 11"/><path fill="#c94747" d="M3.9 21.3c-.5.5.1 1.1.3 1.3c.6.7 2.3 1.5 5.3 1.5c.9 0 1.8-.1 2.8-.2l5.5-.8c3.9-.5 7.4-2.5 9.3-5c0 .1-16.8-3-23.2 3.2"/><path fill="#ff5760" d="M33.3 14c0 5.1 5.7 10 12.6 11l5.5.8c6.9 1 11.6-1.3 10.4-5s-1.2-9.8 0-13.5s-3.4-6-10.4-5l-5.5.7c-6.9.9-12.6 5.9-12.6 11"/><g fill="#c94747"><path d="M60.1 21.3c.5.5-.1 1.1-.3 1.3c-.6.7-2.3 1.5-5.3 1.5c-.9 0-1.8-.1-2.8-.2l-5.5-.8c-3.9-.5-7.4-2.5-9.3-5c0 .1 16.8-3 23.2 3.2m-28.9-8.8s-1.7 1.4-5.8-2c-4.7-3.9-11.5 1.3-2.4 3.6c4.9 1.3 8.2-1.6 8.2-1.6m1.6 0s1.7 1.4 5.8-2c4.7-3.9 11.5 1.3 2.4 3.6c-4.9 1.3-8.2-1.6-8.2-1.6"/><path d="M32 20.9c-3.7 0-4.7 2.8-4.7-6.8s.9-6.8 4.7-6.8s4.7-2.8 4.7 6.8s-1 6.8-4.7 6.8"/></g><path fill="#ff5760" d="M32 21.1c-3 0-3.8 2.8-3.8-7c0-9.9.7-7 3.8-7s3.8-2.8 3.8 7s-.8 7-3.8 7"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#c94747" d="M15.3 13.1S16 33.3 2 46h13v16s13.6-19.2 13.6-48.9zm33.4 0S48 33.3 62 46H49v16S35.4 42.8 35.4 13.1z"/><path fill="#ff5760" d="M30.7 14c0 5.1-5.7 10-12.6 11l-5.5.8c-6.9 1-11.6-1.3-10.4-5s1.2-9.8 0-13.5s3.4-6 10.4-5l5.5.7c6.9.9 12.6 5.9 12.6 11"/><path fill="#c94747" d="M3.9 21.3c-.5.5.1 1.1.3 1.3c.6.7 2.3 1.5 5.3 1.5c.9 0 1.8-.1 2.8-.2l5.5-.8c3.9-.5 7.4-2.5 9.3-5c0 .1-16.8-3-23.2 3.2"/><path fill="#ff5760" d="M33.3 14c0 5.1 5.7 10 12.6 11l5.5.8c6.9 1 11.6-1.3 10.4-5s-1.2-9.8 0-13.5s-3.4-6-10.4-5l-5.5.7c-6.9.9-12.6 5.9-12.6 11"/><g fill="#c94747"><path d="M60.1 21.3c.5.5-.1 1.1-.3 1.3c-.6.7-2.3 1.5-5.3 1.5c-.9 0-1.8-.1-2.8-.2l-5.5-.8c-3.9-.5-7.4-2.5-9.3-5c0 .1 16.8-3 23.2 3.2m-28.9-8.8s-1.7 1.4-5.8-2c-4.7-3.9-11.5 1.3-2.4 3.6c4.9 1.3 8.2-1.6 8.2-1.6m1.6 0s1.7 1.4 5.8-2c4.7-3.9 11.5 1.3 2.4 3.6c-4.9 1.3-8.2-1.6-8.2-1.6"/><path d="M32 20.9c-3.7 0-4.7 2.8-4.7-6.8s.9-6.8 4.7-6.8s4.7-2.8 4.7 6.8s-1 6.8-4.7 6.8"/></g><path fill="#ff5760" d="M32 21.1c-3 0-3.8 2.8-3.8-7c0-9.9.7-7 3.8-7s3.8-2.8 3.8 7s-.8 7-3.8 7"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23c94747%22%20d%3D%22M15.3%2013.1S16%2033.3%202%2046h13v16s13.6-19.2%2013.6-48.9zm33.4%200S48%2033.3%2062%2046H49v16S35.4%2042.8%2035.4%2013.1z%22%2F%3E%3Cpath%20fill%3D%22%23ff5760%22%20d%3D%22M30.7%2014c0%205.1-5.7%2010-12.6%2011l-5.5.8c-6.9%201-11.6-1.3-10.4-5s1.2-9.8%200-13.5s3.4-6%2010.4-5l5.5.7c6.9.9%2012.6%205.9%2012.6%2011%22%2F%3E%3Cpath%20fill%3D%22%23c94747%22%20d%3D%22M3.9%2021.3c-.5.5.1%201.1.3%201.3c.6.7%202.3%201.5%205.3%201.5c.9%200%201.8-.1%202.8-.2l5.5-.8c3.9-.5%207.4-2.5%209.3-5c0%20.1-16.8-3-23.2%203.2%22%2F%3E%3Cpath%20fill%3D%22%23ff5760%22%20d%3D%22M33.3%2014c0%205.1%205.7%2010%2012.6%2011l5.5.8c6.9%201%2011.6-1.3%2010.4-5s-1.2-9.8%200-13.5s-3.4-6-10.4-5l-5.5.7c-6.9.9-12.6%205.9-12.6%2011%22%2F%3E%3Cg%20fill%3D%22%23c94747%22%3E%3Cpath%20d%3D%22M60.1%2021.3c.5.5-.1%201.1-.3%201.3c-.6.7-2.3%201.5-5.3%201.5c-.9%200-1.8-.1-2.8-.2l-5.5-.8c-3.9-.5-7.4-2.5-9.3-5c0%20.1%2016.8-3%2023.2%203.2m-28.9-8.8s-1.7%201.4-5.8-2c-4.7-3.9-11.5%201.3-2.4%203.6c4.9%201.3%208.2-1.6%208.2-1.6m1.6%200s1.7%201.4%205.8-2c4.7-3.9%2011.5%201.3%202.4%203.6c-4.9%201.3-8.2-1.6-8.2-1.6%22%2F%3E%3Cpath%20d%3D%22M32%2020.9c-3.7%200-4.7%202.8-4.7-6.8s.9-6.8%204.7-6.8s4.7-2.8%204.7%206.8s-1%206.8-4.7%206.8%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ff5760%22%20d%3D%22M32%2021.1c-3%200-3.8%202.8-3.8-7c0-9.9.7-7%203.8-7s3.8-2.8%203.8%207s-.8%207-3.8%207%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23c94747%22%20d%3D%22M15.3%2013.1S16%2033.3%202%2046h13v16s13.6-19.2%2013.6-48.9zm33.4%200S48%2033.3%2062%2046H49v16S35.4%2042.8%2035.4%2013.1z%22%2F%3E%3Cpath%20fill%3D%22%23ff5760%22%20d%3D%22M30.7%2014c0%205.1-5.7%2010-12.6%2011l-5.5.8c-6.9%201-11.6-1.3-10.4-5s1.2-9.8%200-13.5s3.4-6%2010.4-5l5.5.7c6.9.9%2012.6%205.9%2012.6%2011%22%2F%3E%3Cpath%20fill%3D%22%23c94747%22%20d%3D%22M3.9%2021.3c-.5.5.1%201.1.3%201.3c.6.7%202.3%201.5%205.3%201.5c.9%200%201.8-.1%202.8-.2l5.5-.8c3.9-.5%207.4-2.5%209.3-5c0%20.1-16.8-3-23.2%203.2%22%2F%3E%3Cpath%20fill%3D%22%23ff5760%22%20d%3D%22M33.3%2014c0%205.1%205.7%2010%2012.6%2011l5.5.8c6.9%201%2011.6-1.3%2010.4-5s-1.2-9.8%200-13.5s-3.4-6-10.4-5l-5.5.7c-6.9.9-12.6%205.9-12.6%2011%22%2F%3E%3Cg%20fill%3D%22%23c94747%22%3E%3Cpath%20d%3D%22M60.1%2021.3c.5.5-.1%201.1-.3%201.3c-.6.7-2.3%201.5-5.3%201.5c-.9%200-1.8-.1-2.8-.2l-5.5-.8c-3.9-.5-7.4-2.5-9.3-5c0%20.1%2016.8-3%2023.2%203.2m-28.9-8.8s-1.7%201.4-5.8-2c-4.7-3.9-11.5%201.3-2.4%203.6c4.9%201.3%208.2-1.6%208.2-1.6m1.6%200s1.7%201.4%205.8-2c4.7-3.9%2011.5%201.3%202.4%203.6c-4.9%201.3-8.2-1.6-8.2-1.6%22%2F%3E%3Cpath%20d%3D%22M32%2020.9c-3.7%200-4.7%202.8-4.7-6.8s.9-6.8%204.7-6.8s4.7-2.8%204.7%206.8s-1%206.8-4.7%206.8%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ff5760%22%20d%3D%22M32%2021.1c-3%200-3.8%202.8-3.8-7c0-9.9.7-7%203.8-7s3.8-2.8%203.8%207s-.8%207-3.8%207%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/ribbon.svg?color=%231a73e8&size=48
