ribbon icon
ribbon-24px from Health Icons by Resolve to Save Lives · Filled 24px · Conditions · MIT Free for personal and commercial use.
- Name
- ribbon-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Conditions
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health 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 ContrastribbonHuge IconsribbonIonIconsribbonLine AwesomeribbonLucideribbonMage IconsribbonMaterial Design IconsribbonMyna UI IconsribbonNoto EmojiribbonOpenMojiribbonStreamline EmojisribbonTwitter Emoji
More conditions icons from Health Icons
Use the ribbon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M7.801 4.12c.32-1.215 1.411-2.13 2.912-2.12h2.912c1.462 0 2.518.951 2.83 2.112l.852 1.13l.001.002a4.536 4.536 0 0 1 .001 5.476l-.005.007l-1.654 2.125l-2.791-3.493l2.046-2.631a2.85 2.85 0 0 0-1.33-.345h-2.914c-.486 0-.968.118-1.372.347l3.008 3.867l2.46 3.096L19 19.128L15.796 22l-3.862-4.9v-.002L6.921 10.77l-.005-.006A4.536 4.536 0 0 1 6.92 5.29zm1.4.754c0-.711.516-1.365 1.505-1.358h2.919c1.046 0 1.568.854 1.384 1.607a4.2 4.2 0 0 0-1.434-.256h-2.914c-.48 0-.97.077-1.438.24a1.3 1.3 0 0 1-.023-.233" clip-rule="evenodd"/><path d="m8.522 14.902l2.824 3.4l-2.902 3.682L5 19.387z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsRibbon24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M7.801 4.12c.32-1.215 1.411-2.13 2.912-2.12h2.912c1.462 0 2.518.951 2.83 2.112l.852 1.13l.001.002a4.536 4.536 0 0 1 .001 5.476l-.005.007l-1.654 2.125l-2.791-3.493l2.046-2.631a2.85 2.85 0 0 0-1.33-.345h-2.914c-.486 0-.968.118-1.372.347l3.008 3.867l2.46 3.096L19 19.128L15.796 22l-3.862-4.9v-.002L6.921 10.77l-.005-.006A4.536 4.536 0 0 1 6.92 5.29zm1.4.754c0-.711.516-1.365 1.505-1.358h2.919c1.046 0 1.568.854 1.384 1.607a4.2 4.2 0 0 0-1.434-.256h-2.914c-.48 0-.97.077-1.438.24a1.3 1.3 0 0 1-.023-.233" clipRule="evenodd"/><path d="m8.522 14.902l2.824 3.4l-2.902 3.682L5 19.387z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M7.801 4.12c.32-1.215 1.411-2.13 2.912-2.12h2.912c1.462 0 2.518.951 2.83 2.112l.852 1.13l.001.002a4.536 4.536 0 0 1 .001 5.476l-.005.007l-1.654 2.125l-2.791-3.493l2.046-2.631a2.85 2.85 0 0 0-1.33-.345h-2.914c-.486 0-.968.118-1.372.347l3.008 3.867l2.46 3.096L19 19.128L15.796 22l-3.862-4.9v-.002L6.921 10.77l-.005-.006A4.536 4.536 0 0 1 6.92 5.29zm1.4.754c0-.711.516-1.365 1.505-1.358h2.919c1.046 0 1.568.854 1.384 1.607a4.2 4.2 0 0 0-1.434-.256h-2.914c-.48 0-.97.077-1.438.24a1.3 1.3 0 0 1-.023-.233" clip-rule="evenodd"/><path d="m8.522 14.902l2.824 3.4l-2.902 3.682L5 19.387z"/></g></svg> </template>
CSS
.icon-ribbon-24px {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.801%204.12c.32-1.215%201.411-2.13%202.912-2.12h2.912c1.462%200%202.518.951%202.83%202.112l.852%201.13l.001.002a4.536%204.536%200%200%201%20.001%205.476l-.005.007l-1.654%202.125l-2.791-3.493l2.046-2.631a2.85%202.85%200%200%200-1.33-.345h-2.914c-.486%200-.968.118-1.372.347l3.008%203.867l2.46%203.096L19%2019.128L15.796%2022l-3.862-4.9v-.002L6.921%2010.77l-.005-.006A4.536%204.536%200%200%201%206.92%205.29zm1.4.754c0-.711.516-1.365%201.505-1.358h2.919c1.046%200%201.568.854%201.384%201.607a4.2%204.2%200%200%200-1.434-.256h-2.914c-.48%200-.97.077-1.438.24a1.3%201.3%200%200%201-.023-.233%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m8.522%2014.902l2.824%203.4l-2.902%203.682L5%2019.387z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.801%204.12c.32-1.215%201.411-2.13%202.912-2.12h2.912c1.462%200%202.518.951%202.83%202.112l.852%201.13l.001.002a4.536%204.536%200%200%201%20.001%205.476l-.005.007l-1.654%202.125l-2.791-3.493l2.046-2.631a2.85%202.85%200%200%200-1.33-.345h-2.914c-.486%200-.968.118-1.372.347l3.008%203.867l2.46%203.096L19%2019.128L15.796%2022l-3.862-4.9v-.002L6.921%2010.77l-.005-.006A4.536%204.536%200%200%201%206.92%205.29zm1.4.754c0-.711.516-1.365%201.505-1.358h2.919c1.046%200%201.568.854%201.384%201.607a4.2%204.2%200%200%200-1.434-.256h-2.914c-.48%200-.97.077-1.438.24a1.3%201.3%200%200%201-.023-.233%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m8.522%2014.902l2.824%203.4l-2.902%203.682L5%2019.387z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/ribbon-24px.svg?color=%231a73e8&size=48
