ribbon icon
ribbon from Health Icons by Resolve to Save Lives · Filled · Conditions · MIT Free for personal and commercial use.
- Name
- ribbon
- Set
- Health Icons
- Style
- Filled
- Category
- Conditions
- Viewbox
- 48×48
- 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 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M26.924 4c.967 0 1.866.217 2.667.675c.685.39 1.462.93 2.037 1.734l-.012.01l.01.014l2.332 3.022l.822 1.095a9.414 9.414 0 0 1-.002 11.34l-2.927 3.778l-.092-.118l-4.793-6.06l-1.21-1.563l3.018-3.9c-.598-.325-1.278-.518-1.94-.518h-5.248c-.72 0-1.42.178-2.012.518l5.423 7.004l4.792 6.058l7.43 9.563a2 2 0 0 1-.24 2.713l-4.067 3.662A2 2 0 0 1 30 42.775l-6.576-8.385l-9.777-12.402l-.006-.008a9.414 9.414 0 0 1-.002-11.339l.002-.002l.811-1.082l2.337-3.029l.108-.141C18.007 4.85 19.852 4 21.677 4zm-8.207 8.215a6.1 6.1 0 0 1 2.869-.706h5.247c1.132 0 2.243.353 3.177.923a4.03 4.03 0 0 0 .022-4.792l-.1-.13l.015-.011c-.329-.428-.797-.773-1.348-1.088C28.134 6.145 27.585 6 26.924 6h-5.248c-1.243 0-2.466.59-3.167 1.572l-.01.015l-.116.149a3.9 3.9 0 0 0-.774 2.33c0 .811.253 1.68.735 2.367q.184-.116.373-.218" clip-rule="evenodd"/><path d="m16.568 29.728l4.887 6.204l.005.006l1.16 1.48l-4.255 5.425a2 2 0 0 1-2.781.36l-4.379-3.317a2 2 0 0 1-.368-2.826z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsRibbon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path fillRule="evenodd" d="M26.924 4c.967 0 1.866.217 2.667.675c.685.39 1.462.93 2.037 1.734l-.012.01l.01.014l2.332 3.022l.822 1.095a9.414 9.414 0 0 1-.002 11.34l-2.927 3.778l-.092-.118l-4.793-6.06l-1.21-1.563l3.018-3.9c-.598-.325-1.278-.518-1.94-.518h-5.248c-.72 0-1.42.178-2.012.518l5.423 7.004l4.792 6.058l7.43 9.563a2 2 0 0 1-.24 2.713l-4.067 3.662A2 2 0 0 1 30 42.775l-6.576-8.385l-9.777-12.402l-.006-.008a9.414 9.414 0 0 1-.002-11.339l.002-.002l.811-1.082l2.337-3.029l.108-.141C18.007 4.85 19.852 4 21.677 4zm-8.207 8.215a6.1 6.1 0 0 1 2.869-.706h5.247c1.132 0 2.243.353 3.177.923a4.03 4.03 0 0 0 .022-4.792l-.1-.13l.015-.011c-.329-.428-.797-.773-1.348-1.088C28.134 6.145 27.585 6 26.924 6h-5.248c-1.243 0-2.466.59-3.167 1.572l-.01.015l-.116.149a3.9 3.9 0 0 0-.774 2.33c0 .811.253 1.68.735 2.367q.184-.116.373-.218" clipRule="evenodd"/><path d="m16.568 29.728l4.887 6.204l.005.006l1.16 1.48l-4.255 5.425a2 2 0 0 1-2.781.36l-4.379-3.317a2 2 0 0 1-.368-2.826z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M26.924 4c.967 0 1.866.217 2.667.675c.685.39 1.462.93 2.037 1.734l-.012.01l.01.014l2.332 3.022l.822 1.095a9.414 9.414 0 0 1-.002 11.34l-2.927 3.778l-.092-.118l-4.793-6.06l-1.21-1.563l3.018-3.9c-.598-.325-1.278-.518-1.94-.518h-5.248c-.72 0-1.42.178-2.012.518l5.423 7.004l4.792 6.058l7.43 9.563a2 2 0 0 1-.24 2.713l-4.067 3.662A2 2 0 0 1 30 42.775l-6.576-8.385l-9.777-12.402l-.006-.008a9.414 9.414 0 0 1-.002-11.339l.002-.002l.811-1.082l2.337-3.029l.108-.141C18.007 4.85 19.852 4 21.677 4zm-8.207 8.215a6.1 6.1 0 0 1 2.869-.706h5.247c1.132 0 2.243.353 3.177.923a4.03 4.03 0 0 0 .022-4.792l-.1-.13l.015-.011c-.329-.428-.797-.773-1.348-1.088C28.134 6.145 27.585 6 26.924 6h-5.248c-1.243 0-2.466.59-3.167 1.572l-.01.015l-.116.149a3.9 3.9 0 0 0-.774 2.33c0 .811.253 1.68.735 2.367q.184-.116.373-.218" clip-rule="evenodd"/><path d="m16.568 29.728l4.887 6.204l.005.006l1.16 1.48l-4.255 5.425a2 2 0 0 1-2.781.36l-4.379-3.317a2 2 0 0 1-.368-2.826z"/></g></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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M26.924%204c.967%200%201.866.217%202.667.675c.685.39%201.462.93%202.037%201.734l-.012.01l.01.014l2.332%203.022l.822%201.095a9.414%209.414%200%200%201-.002%2011.34l-2.927%203.778l-.092-.118l-4.793-6.06l-1.21-1.563l3.018-3.9c-.598-.325-1.278-.518-1.94-.518h-5.248c-.72%200-1.42.178-2.012.518l5.423%207.004l4.792%206.058l7.43%209.563a2%202%200%200%201-.24%202.713l-4.067%203.662A2%202%200%200%201%2030%2042.775l-6.576-8.385l-9.777-12.402l-.006-.008a9.414%209.414%200%200%201-.002-11.339l.002-.002l.811-1.082l2.337-3.029l.108-.141C18.007%204.85%2019.852%204%2021.677%204zm-8.207%208.215a6.1%206.1%200%200%201%202.869-.706h5.247c1.132%200%202.243.353%203.177.923a4.03%204.03%200%200%200%20.022-4.792l-.1-.13l.015-.011c-.329-.428-.797-.773-1.348-1.088C28.134%206.145%2027.585%206%2026.924%206h-5.248c-1.243%200-2.466.59-3.167%201.572l-.01.015l-.116.149a3.9%203.9%200%200%200-.774%202.33c0%20.811.253%201.68.735%202.367q.184-.116.373-.218%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m16.568%2029.728l4.887%206.204l.005.006l1.16%201.48l-4.255%205.425a2%202%200%200%201-2.781.36l-4.379-3.317a2%202%200%200%201-.368-2.826z%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M26.924%204c.967%200%201.866.217%202.667.675c.685.39%201.462.93%202.037%201.734l-.012.01l.01.014l2.332%203.022l.822%201.095a9.414%209.414%200%200%201-.002%2011.34l-2.927%203.778l-.092-.118l-4.793-6.06l-1.21-1.563l3.018-3.9c-.598-.325-1.278-.518-1.94-.518h-5.248c-.72%200-1.42.178-2.012.518l5.423%207.004l4.792%206.058l7.43%209.563a2%202%200%200%201-.24%202.713l-4.067%203.662A2%202%200%200%201%2030%2042.775l-6.576-8.385l-9.777-12.402l-.006-.008a9.414%209.414%200%200%201-.002-11.339l.002-.002l.811-1.082l2.337-3.029l.108-.141C18.007%204.85%2019.852%204%2021.677%204zm-8.207%208.215a6.1%206.1%200%200%201%202.869-.706h5.247c1.132%200%202.243.353%203.177.923a4.03%204.03%200%200%200%20.022-4.792l-.1-.13l.015-.011c-.329-.428-.797-.773-1.348-1.088C28.134%206.145%2027.585%206%2026.924%206h-5.248c-1.243%200-2.466.59-3.167%201.572l-.01.015l-.116.149a3.9%203.9%200%200%200-.774%202.33c0%20.811.253%201.68.735%202.367q.184-.116.373-.218%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m16.568%2029.728l4.887%206.204l.005.006l1.16%201.48l-4.255%205.425a2%202%200%200%201-2.781.36l-4.379-3.317a2%202%200%200%201-.368-2.826z%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.svg?color=%231a73e8&size=48
