ribbon icon
ribbon-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- ribbon-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon 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 IconsribbonNoto EmojiribbonOpenMojiribbonStreamline EmojisribbonTwitter Emoji
Use the ribbon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.25a6.75 6.75 0 0 1 4.801 11.495l.94 6.051a1 1 0 0 1 .009.115c0 .496-.274.869-.54 1.106a2.9 2.9 0 0 1-.933.528c-.33.117-.688.19-1.03.204c-.323.014-.716-.021-1.053-.205l-2.106-1.147a.18.18 0 0 0-.176 0l-2.106 1.147c-.337.184-.73.22-1.054.206a3.6 3.6 0 0 1-1.029-.205a2.9 2.9 0 0 1-.932-.528c-.267-.237-.541-.61-.541-1.106q0-.057.009-.115l.94-6.051A6.75 6.75 0 0 1 12 2.25m4.213 17.645l.022-.02l-.787-5.07A6.7 6.7 0 0 1 12 15.75a6.7 6.7 0 0 1-3.448-.946l-.787 5.07l.022.021c.084.075.234.164.438.236c.2.071.411.112.591.12a.7.7 0 0 0 .271-.024h.001l2.106-1.147a1.68 1.68 0 0 1 1.612 0l2.106 1.147c.012.004.094.032.272.024c.18-.008.391-.049.59-.12c.205-.072.355-.16.44-.236"/></svg>
React
import type { SVGProps } from "react";
export function MynauiRibbonSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.25a6.75 6.75 0 0 1 4.801 11.495l.94 6.051a1 1 0 0 1 .009.115c0 .496-.274.869-.54 1.106a2.9 2.9 0 0 1-.933.528c-.33.117-.688.19-1.03.204c-.323.014-.716-.021-1.053-.205l-2.106-1.147a.18.18 0 0 0-.176 0l-2.106 1.147c-.337.184-.73.22-1.054.206a3.6 3.6 0 0 1-1.029-.205a2.9 2.9 0 0 1-.932-.528c-.267-.237-.541-.61-.541-1.106q0-.057.009-.115l.94-6.051A6.75 6.75 0 0 1 12 2.25m4.213 17.645l.022-.02l-.787-5.07A6.7 6.7 0 0 1 12 15.75a6.7 6.7 0 0 1-3.448-.946l-.787 5.07l.022.021c.084.075.234.164.438.236c.2.071.411.112.591.12a.7.7 0 0 0 .271-.024h.001l2.106-1.147a1.68 1.68 0 0 1 1.612 0l2.106 1.147c.012.004.094.032.272.024c.18-.008.391-.049.59-.12c.205-.072.355-.16.44-.236"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.25a6.75 6.75 0 0 1 4.801 11.495l.94 6.051a1 1 0 0 1 .009.115c0 .496-.274.869-.54 1.106a2.9 2.9 0 0 1-.933.528c-.33.117-.688.19-1.03.204c-.323.014-.716-.021-1.053-.205l-2.106-1.147a.18.18 0 0 0-.176 0l-2.106 1.147c-.337.184-.73.22-1.054.206a3.6 3.6 0 0 1-1.029-.205a2.9 2.9 0 0 1-.932-.528c-.267-.237-.541-.61-.541-1.106q0-.057.009-.115l.94-6.051A6.75 6.75 0 0 1 12 2.25m4.213 17.645l.022-.02l-.787-5.07A6.7 6.7 0 0 1 12 15.75a6.7 6.7 0 0 1-3.448-.946l-.787 5.07l.022.021c.084.075.234.164.438.236c.2.071.411.112.591.12a.7.7 0 0 0 .271-.024h.001l2.106-1.147a1.68 1.68 0 0 1 1.612 0l2.106 1.147c.012.004.094.032.272.024c.18-.008.391-.049.59-.12c.205-.072.355-.16.44-.236"/></svg> </template>
CSS
.icon-ribbon-solid {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202.25a6.75%206.75%200%200%201%204.801%2011.495l.94%206.051a1%201%200%200%201%20.009.115c0%20.496-.274.869-.54%201.106a2.9%202.9%200%200%201-.933.528c-.33.117-.688.19-1.03.204c-.323.014-.716-.021-1.053-.205l-2.106-1.147a.18.18%200%200%200-.176%200l-2.106%201.147c-.337.184-.73.22-1.054.206a3.6%203.6%200%200%201-1.029-.205a2.9%202.9%200%200%201-.932-.528c-.267-.237-.541-.61-.541-1.106q0-.057.009-.115l.94-6.051A6.75%206.75%200%200%201%2012%202.25m4.213%2017.645l.022-.02l-.787-5.07A6.7%206.7%200%200%201%2012%2015.75a6.7%206.7%200%200%201-3.448-.946l-.787%205.07l.022.021c.084.075.234.164.438.236c.2.071.411.112.591.12a.7.7%200%200%200%20.271-.024h.001l2.106-1.147a1.68%201.68%200%200%201%201.612%200l2.106%201.147c.012.004.094.032.272.024c.18-.008.391-.049.59-.12c.205-.072.355-.16.44-.236%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202.25a6.75%206.75%200%200%201%204.801%2011.495l.94%206.051a1%201%200%200%201%20.009.115c0%20.496-.274.869-.54%201.106a2.9%202.9%200%200%201-.933.528c-.33.117-.688.19-1.03.204c-.323.014-.716-.021-1.053-.205l-2.106-1.147a.18.18%200%200%200-.176%200l-2.106%201.147c-.337.184-.73.22-1.054.206a3.6%203.6%200%200%201-1.029-.205a2.9%202.9%200%200%201-.932-.528c-.267-.237-.541-.61-.541-1.106q0-.057.009-.115l.94-6.051A6.75%206.75%200%200%201%2012%202.25m4.213%2017.645l.022-.02l-.787-5.07A6.7%206.7%200%200%201%2012%2015.75a6.7%206.7%200%200%201-3.448-.946l-.787%205.07l.022.021c.084.075.234.164.438.236c.2.071.411.112.591.12a.7.7%200%200%200%20.271-.024h.001l2.106-1.147a1.68%201.68%200%200%201%201.612%200l2.106%201.147c.012.004.094.032.272.024c.18-.008.391-.049.59-.12c.205-.072.355-.16.44-.236%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/ribbon-solid.svg?color=%231a73e8&size=48
