ribbon icon
ribbon-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · Conditions · MIT Free for personal and commercial use.
- Name
- ribbon-outline-24px
- Set
- Health Icons
- Style
- Outline 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"><path fill="currentColor" fill-rule="evenodd" d="M10.75 3.517c-.84-.007-1.331.584-1.331 1.318q0 .093.014.19a4 4 0 0 1 1.276-.212h2.814c.445 0 .879.084 1.282.229c.152-.746-.379-1.525-1.236-1.525zM10.759 2h2.81c1.194 0 2.067.672 2.481 1.565l1.257 1.669l.001.001a4.54 4.54 0 0 1 .001 5.48l-.005.007l-2.427 3.12L19 19.127L15.796 22l-3.682-4.675l-3.67 4.66L5 19.384l4.354-5.548l-2.432-3.072l-.005-.006a4.54 4.54 0 0 1 .003-5.477l1.26-1.673v.005C8.604 2.674 9.52 1.992 10.76 2M7.652 7.06a3 3 0 0 0 .446 2.768l5.004 6.32l2.881 3.66l.966-.866l-3.36-4.307l-2.464-3.101L7.787 7.24a4 4 0 0 1-.135-.18m1.67-.296l2.774 3.57l2.78-3.576l-.109-.065a2.43 2.43 0 0 0-1.244-.363H10.71c-.448 0-.894.12-1.263.355zm7.254.25q-.065.091-.135.18l-2.738 3.522l.86 1.081l1.564-2.011c.61-.805.76-1.85.449-2.772m-6.912 8.864l-2.532 3.226l1.046.789l2.326-2.954z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsRibbonOutline24px(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" fillRule="evenodd" d="M10.75 3.517c-.84-.007-1.331.584-1.331 1.318q0 .093.014.19a4 4 0 0 1 1.276-.212h2.814c.445 0 .879.084 1.282.229c.152-.746-.379-1.525-1.236-1.525zM10.759 2h2.81c1.194 0 2.067.672 2.481 1.565l1.257 1.669l.001.001a4.54 4.54 0 0 1 .001 5.48l-.005.007l-2.427 3.12L19 19.127L15.796 22l-3.682-4.675l-3.67 4.66L5 19.384l4.354-5.548l-2.432-3.072l-.005-.006a4.54 4.54 0 0 1 .003-5.477l1.26-1.673v.005C8.604 2.674 9.52 1.992 10.76 2M7.652 7.06a3 3 0 0 0 .446 2.768l5.004 6.32l2.881 3.66l.966-.866l-3.36-4.307l-2.464-3.101L7.787 7.24a4 4 0 0 1-.135-.18m1.67-.296l2.774 3.57l2.78-3.576l-.109-.065a2.43 2.43 0 0 0-1.244-.363H10.71c-.448 0-.894.12-1.263.355zm7.254.25q-.065.091-.135.18l-2.738 3.522l.86 1.081l1.564-2.011c.61-.805.76-1.85.449-2.772m-6.912 8.864l-2.532 3.226l1.046.789l2.326-2.954z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.75 3.517c-.84-.007-1.331.584-1.331 1.318q0 .093.014.19a4 4 0 0 1 1.276-.212h2.814c.445 0 .879.084 1.282.229c.152-.746-.379-1.525-1.236-1.525zM10.759 2h2.81c1.194 0 2.067.672 2.481 1.565l1.257 1.669l.001.001a4.54 4.54 0 0 1 .001 5.48l-.005.007l-2.427 3.12L19 19.127L15.796 22l-3.682-4.675l-3.67 4.66L5 19.384l4.354-5.548l-2.432-3.072l-.005-.006a4.54 4.54 0 0 1 .003-5.477l1.26-1.673v.005C8.604 2.674 9.52 1.992 10.76 2M7.652 7.06a3 3 0 0 0 .446 2.768l5.004 6.32l2.881 3.66l.966-.866l-3.36-4.307l-2.464-3.101L7.787 7.24a4 4 0 0 1-.135-.18m1.67-.296l2.774 3.57l2.78-3.576l-.109-.065a2.43 2.43 0 0 0-1.244-.363H10.71c-.448 0-.894.12-1.263.355zm7.254.25q-.065.091-.135.18l-2.738 3.522l.86 1.081l1.564-2.011c.61-.805.76-1.85.449-2.772m-6.912 8.864l-2.532 3.226l1.046.789l2.326-2.954z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-ribbon-outline-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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.75%203.517c-.84-.007-1.331.584-1.331%201.318q0%20.093.014.19a4%204%200%200%201%201.276-.212h2.814c.445%200%20.879.084%201.282.229c.152-.746-.379-1.525-1.236-1.525zM10.759%202h2.81c1.194%200%202.067.672%202.481%201.565l1.257%201.669l.001.001a4.54%204.54%200%200%201%20.001%205.48l-.005.007l-2.427%203.12L19%2019.127L15.796%2022l-3.682-4.675l-3.67%204.66L5%2019.384l4.354-5.548l-2.432-3.072l-.005-.006a4.54%204.54%200%200%201%20.003-5.477l1.26-1.673v.005C8.604%202.674%209.52%201.992%2010.76%202M7.652%207.06a3%203%200%200%200%20.446%202.768l5.004%206.32l2.881%203.66l.966-.866l-3.36-4.307l-2.464-3.101L7.787%207.24a4%204%200%200%201-.135-.18m1.67-.296l2.774%203.57l2.78-3.576l-.109-.065a2.43%202.43%200%200%200-1.244-.363H10.71c-.448%200-.894.12-1.263.355zm7.254.25q-.065.091-.135.18l-2.738%203.522l.86%201.081l1.564-2.011c.61-.805.76-1.85.449-2.772m-6.912%208.864l-2.532%203.226l1.046.789l2.326-2.954z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M10.75%203.517c-.84-.007-1.331.584-1.331%201.318q0%20.093.014.19a4%204%200%200%201%201.276-.212h2.814c.445%200%20.879.084%201.282.229c.152-.746-.379-1.525-1.236-1.525zM10.759%202h2.81c1.194%200%202.067.672%202.481%201.565l1.257%201.669l.001.001a4.54%204.54%200%200%201%20.001%205.48l-.005.007l-2.427%203.12L19%2019.127L15.796%2022l-3.682-4.675l-3.67%204.66L5%2019.384l4.354-5.548l-2.432-3.072l-.005-.006a4.54%204.54%200%200%201%20.003-5.477l1.26-1.673v.005C8.604%202.674%209.52%201.992%2010.76%202M7.652%207.06a3%203%200%200%200%20.446%202.768l5.004%206.32l2.881%203.66l.966-.866l-3.36-4.307l-2.464-3.101L7.787%207.24a4%204%200%200%201-.135-.18m1.67-.296l2.774%203.57l2.78-3.576l-.109-.065a2.43%202.43%200%200%200-1.244-.363H10.71c-.448%200-.894.12-1.263.355zm7.254.25q-.065.091-.135.18l-2.738%203.522l.86%201.081l1.564-2.011c.61-.805.76-1.85.449-2.772m-6.912%208.864l-2.532%203.226l1.046.789l2.326-2.954z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/ribbon-outline-24px.svg?color=%231a73e8&size=48
