ribbon emoji
ribbon from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- ribbon
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
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 FlatribbonFluent Emoji High ContrastribbonHealth IconsribbonHuge IconsribbonIonIconsribbonLine AwesomeribbonLucideribbonMage IconsribbonMaterial Design IconsribbonMyna UI IconsribbonNoto EmojiribbonOpenMojiribbonStreamline Emojis
More activities icons from Twitter Emoji
Use the ribbon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M19.281 6.392c0 .405-2.37.405-2.37 0c0-.9-14.911-9.899-14.911-2.7v13.499c0 2.487 3.476 1.947 7.193.361c-1.429 3.525-4.498 9.68-7.05 13.934a1 1 0 0 0 1.305 1.409l5.258-2.629c.441.726.931 1.868 1.376 2.906c.333.778.678 1.582 1.024 2.275A1 1 0 0 0 12 36a1 1 0 0 0 .707-.293c1.42-1.419 3.429-8.395 4.793-14.093c1.364 5.698 3.373 12.674 4.793 14.093a.998.998 0 0 0 1.601-.26c.347-.693.691-1.497 1.024-2.275c.445-1.038.935-2.181 1.376-2.906l5.258 2.629a1.002 1.002 0 0 0 1.305-1.409c-2.735-4.558-6.061-11.296-7.328-14.643C29.652 18.933 34 20.02 34 17.19V3.691c0-7.198-14.719 1.801-14.719 2.701"/><path fill="#a0041e" d="M2.114 17.869c1.177 3.199 11.468-1.787 14.86-5.179c.31-.31.549-.602.758-.885c-10.446.252-14.542 3.857-15.618 6.064m16.482-6.068c.212.285.453.578.765.89c3.6 3.6 14.639 8.999 14.639 4.5v-.209c-1.671-2.199-6.037-5.022-15.404-5.181"/><path fill="#ea596e" d="M22 11.4a3.6 3.6 0 0 1-3.599 3.6h-1.802A3.6 3.6 0 0 1 13 11.4V7.6A3.6 3.6 0 0 1 16.599 4h1.802A3.6 3.6 0 0 1 22 7.6z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiRibbon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M19.281 6.392c0 .405-2.37.405-2.37 0c0-.9-14.911-9.899-14.911-2.7v13.499c0 2.487 3.476 1.947 7.193.361c-1.429 3.525-4.498 9.68-7.05 13.934a1 1 0 0 0 1.305 1.409l5.258-2.629c.441.726.931 1.868 1.376 2.906c.333.778.678 1.582 1.024 2.275A1 1 0 0 0 12 36a1 1 0 0 0 .707-.293c1.42-1.419 3.429-8.395 4.793-14.093c1.364 5.698 3.373 12.674 4.793 14.093a.998.998 0 0 0 1.601-.26c.347-.693.691-1.497 1.024-2.275c.445-1.038.935-2.181 1.376-2.906l5.258 2.629a1.002 1.002 0 0 0 1.305-1.409c-2.735-4.558-6.061-11.296-7.328-14.643C29.652 18.933 34 20.02 34 17.19V3.691c0-7.198-14.719 1.801-14.719 2.701"/><path fill="#a0041e" d="M2.114 17.869c1.177 3.199 11.468-1.787 14.86-5.179c.31-.31.549-.602.758-.885c-10.446.252-14.542 3.857-15.618 6.064m16.482-6.068c.212.285.453.578.765.89c3.6 3.6 14.639 8.999 14.639 4.5v-.209c-1.671-2.199-6.037-5.022-15.404-5.181"/><path fill="#ea596e" d="M22 11.4a3.6 3.6 0 0 1-3.599 3.6h-1.802A3.6 3.6 0 0 1 13 11.4V7.6A3.6 3.6 0 0 1 16.599 4h1.802A3.6 3.6 0 0 1 22 7.6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M19.281 6.392c0 .405-2.37.405-2.37 0c0-.9-14.911-9.899-14.911-2.7v13.499c0 2.487 3.476 1.947 7.193.361c-1.429 3.525-4.498 9.68-7.05 13.934a1 1 0 0 0 1.305 1.409l5.258-2.629c.441.726.931 1.868 1.376 2.906c.333.778.678 1.582 1.024 2.275A1 1 0 0 0 12 36a1 1 0 0 0 .707-.293c1.42-1.419 3.429-8.395 4.793-14.093c1.364 5.698 3.373 12.674 4.793 14.093a.998.998 0 0 0 1.601-.26c.347-.693.691-1.497 1.024-2.275c.445-1.038.935-2.181 1.376-2.906l5.258 2.629a1.002 1.002 0 0 0 1.305-1.409c-2.735-4.558-6.061-11.296-7.328-14.643C29.652 18.933 34 20.02 34 17.19V3.691c0-7.198-14.719 1.801-14.719 2.701"/><path fill="#a0041e" d="M2.114 17.869c1.177 3.199 11.468-1.787 14.86-5.179c.31-.31.549-.602.758-.885c-10.446.252-14.542 3.857-15.618 6.064m16.482-6.068c.212.285.453.578.765.89c3.6 3.6 14.639 8.999 14.639 4.5v-.209c-1.671-2.199-6.037-5.022-15.404-5.181"/><path fill="#ea596e" d="M22 11.4a3.6 3.6 0 0 1-3.599 3.6h-1.802A3.6 3.6 0 0 1 13 11.4V7.6A3.6 3.6 0 0 1 16.599 4h1.802A3.6 3.6 0 0 1 22 7.6z"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M19.281%206.392c0%20.405-2.37.405-2.37%200c0-.9-14.911-9.899-14.911-2.7v13.499c0%202.487%203.476%201.947%207.193.361c-1.429%203.525-4.498%209.68-7.05%2013.934a1%201%200%200%200%201.305%201.409l5.258-2.629c.441.726.931%201.868%201.376%202.906c.333.778.678%201.582%201.024%202.275A1%201%200%200%200%2012%2036a1%201%200%200%200%20.707-.293c1.42-1.419%203.429-8.395%204.793-14.093c1.364%205.698%203.373%2012.674%204.793%2014.093a.998.998%200%200%200%201.601-.26c.347-.693.691-1.497%201.024-2.275c.445-1.038.935-2.181%201.376-2.906l5.258%202.629a1.002%201.002%200%200%200%201.305-1.409c-2.735-4.558-6.061-11.296-7.328-14.643C29.652%2018.933%2034%2020.02%2034%2017.19V3.691c0-7.198-14.719%201.801-14.719%202.701%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M2.114%2017.869c1.177%203.199%2011.468-1.787%2014.86-5.179c.31-.31.549-.602.758-.885c-10.446.252-14.542%203.857-15.618%206.064m16.482-6.068c.212.285.453.578.765.89c3.6%203.6%2014.639%208.999%2014.639%204.5v-.209c-1.671-2.199-6.037-5.022-15.404-5.181%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M22%2011.4a3.6%203.6%200%200%201-3.599%203.6h-1.802A3.6%203.6%200%200%201%2013%2011.4V7.6A3.6%203.6%200%200%201%2016.599%204h1.802A3.6%203.6%200%200%201%2022%207.6z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M19.281%206.392c0%20.405-2.37.405-2.37%200c0-.9-14.911-9.899-14.911-2.7v13.499c0%202.487%203.476%201.947%207.193.361c-1.429%203.525-4.498%209.68-7.05%2013.934a1%201%200%200%200%201.305%201.409l5.258-2.629c.441.726.931%201.868%201.376%202.906c.333.778.678%201.582%201.024%202.275A1%201%200%200%200%2012%2036a1%201%200%200%200%20.707-.293c1.42-1.419%203.429-8.395%204.793-14.093c1.364%205.698%203.373%2012.674%204.793%2014.093a.998.998%200%200%200%201.601-.26c.347-.693.691-1.497%201.024-2.275c.445-1.038.935-2.181%201.376-2.906l5.258%202.629a1.002%201.002%200%200%200%201.305-1.409c-2.735-4.558-6.061-11.296-7.328-14.643C29.652%2018.933%2034%2020.02%2034%2017.19V3.691c0-7.198-14.719%201.801-14.719%202.701%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M2.114%2017.869c1.177%203.199%2011.468-1.787%2014.86-5.179c.31-.31.549-.602.758-.885c-10.446.252-14.542%203.857-15.618%206.064m16.482-6.068c.212.285.453.578.765.89c3.6%203.6%2014.639%208.999%2014.639%204.5v-.209c-1.671-2.199-6.037-5.022-15.404-5.181%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M22%2011.4a3.6%203.6%200%200%201-3.599%203.6h-1.802A3.6%203.6%200%200%201%2013%2011.4V7.6A3.6%203.6%200%200%201%2016.599%204h1.802A3.6%203.6%200%200%201%2022%207.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/ribbon.svg?color=%231a73e8&size=48
