ribbon icon
ribbon-outline from Health Icons by Resolve to Save Lives · Outline · Conditions · MIT Free for personal and commercial use.
- Name
- ribbon-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Conditions
- Viewbox
- 48×48
- License
- MIT
- Aliases
- ribbon2x-outline
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"><path fill="currentColor" 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-4.508 5.818l6.95 8.944a2 2 0 0 1-.242 2.713l-4.066 3.662A2 2 0 0 1 30 42.775l-5.79-7.383l-5.845 7.451a2 2 0 0 1-2.781.36l-4.379-3.317a2 2 0 0 1-.368-2.826l7.314-9.358l-4.504-5.714l-.006-.008a9.414 9.414 0 0 1-.002-11.339l.002-.002l.811-1.082l2.337-3.029l.108-.141C18.008 4.85 19.853 4 21.678 4zm1.675 2.411c.551.315 1.02.66 1.348 1.088l-.015.011l.1.13a4.03 4.03 0 0 1-.022 4.792c-.934-.57-2.045-.923-3.177-.923h-5.247c-1.123 0-2.267.3-3.241.924a4.2 4.2 0 0 1-.735-2.366c0-.815.256-1.632.773-2.331l.115-.15l.01-.014C19.21 6.59 20.434 6 21.677 6h5.248c.66 0 1.21.145 1.675.411m-9.025 7.616l4.6 5.942l4.6-5.942c-.598-.325-1.278-.518-1.94-.518h-5.248c-.72 0-1.42.179-2.012.518m9.422 12.06l-3.552-4.49l6.066-7.836a5.95 5.95 0 0 0 1.199-2.638l.475.633a7.415 7.415 0 0 1 .003 8.921zm-9.57 3.232l-7.013 8.973l4.378 3.317l6.146-7.836zM16.91 13.852a6.06 6.06 0 0 1-1.192-2.648l-.479.639l-.003.004a7.414 7.414 0 0 0-.005 8.918l9.766 12.39l6.578 8.386l4.066-3.662l-7.42-9.55l-4.795-6.06z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsRibbonOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" 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-4.508 5.818l6.95 8.944a2 2 0 0 1-.242 2.713l-4.066 3.662A2 2 0 0 1 30 42.775l-5.79-7.383l-5.845 7.451a2 2 0 0 1-2.781.36l-4.379-3.317a2 2 0 0 1-.368-2.826l7.314-9.358l-4.504-5.714l-.006-.008a9.414 9.414 0 0 1-.002-11.339l.002-.002l.811-1.082l2.337-3.029l.108-.141C18.008 4.85 19.853 4 21.678 4zm1.675 2.411c.551.315 1.02.66 1.348 1.088l-.015.011l.1.13a4.03 4.03 0 0 1-.022 4.792c-.934-.57-2.045-.923-3.177-.923h-5.247c-1.123 0-2.267.3-3.241.924a4.2 4.2 0 0 1-.735-2.366c0-.815.256-1.632.773-2.331l.115-.15l.01-.014C19.21 6.59 20.434 6 21.677 6h5.248c.66 0 1.21.145 1.675.411m-9.025 7.616l4.6 5.942l4.6-5.942c-.598-.325-1.278-.518-1.94-.518h-5.248c-.72 0-1.42.179-2.012.518m9.422 12.06l-3.552-4.49l6.066-7.836a5.95 5.95 0 0 0 1.199-2.638l.475.633a7.415 7.415 0 0 1 .003 8.921zm-9.57 3.232l-7.013 8.973l4.378 3.317l6.146-7.836zM16.91 13.852a6.06 6.06 0 0 1-1.192-2.648l-.479.639l-.003.004a7.414 7.414 0 0 0-.005 8.918l9.766 12.39l6.578 8.386l4.066-3.662l-7.42-9.55l-4.795-6.06z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" 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-4.508 5.818l6.95 8.944a2 2 0 0 1-.242 2.713l-4.066 3.662A2 2 0 0 1 30 42.775l-5.79-7.383l-5.845 7.451a2 2 0 0 1-2.781.36l-4.379-3.317a2 2 0 0 1-.368-2.826l7.314-9.358l-4.504-5.714l-.006-.008a9.414 9.414 0 0 1-.002-11.339l.002-.002l.811-1.082l2.337-3.029l.108-.141C18.008 4.85 19.853 4 21.678 4zm1.675 2.411c.551.315 1.02.66 1.348 1.088l-.015.011l.1.13a4.03 4.03 0 0 1-.022 4.792c-.934-.57-2.045-.923-3.177-.923h-5.247c-1.123 0-2.267.3-3.241.924a4.2 4.2 0 0 1-.735-2.366c0-.815.256-1.632.773-2.331l.115-.15l.01-.014C19.21 6.59 20.434 6 21.677 6h5.248c.66 0 1.21.145 1.675.411m-9.025 7.616l4.6 5.942l4.6-5.942c-.598-.325-1.278-.518-1.94-.518h-5.248c-.72 0-1.42.179-2.012.518m9.422 12.06l-3.552-4.49l6.066-7.836a5.95 5.95 0 0 0 1.199-2.638l.475.633a7.415 7.415 0 0 1 .003 8.921zm-9.57 3.232l-7.013 8.973l4.378 3.317l6.146-7.836zM16.91 13.852a6.06 6.06 0 0 1-1.192-2.648l-.479.639l-.003.004a7.414 7.414 0 0 0-.005 8.918l9.766 12.39l6.578 8.386l4.066-3.662l-7.42-9.55l-4.795-6.06z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-ribbon-outline {
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%3Cpath%20fill%3D%22currentColor%22%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-4.508%205.818l6.95%208.944a2%202%200%200%201-.242%202.713l-4.066%203.662A2%202%200%200%201%2030%2042.775l-5.79-7.383l-5.845%207.451a2%202%200%200%201-2.781.36l-4.379-3.317a2%202%200%200%201-.368-2.826l7.314-9.358l-4.504-5.714l-.006-.008a9.414%209.414%200%200%201-.002-11.339l.002-.002l.811-1.082l2.337-3.029l.108-.141C18.008%204.85%2019.853%204%2021.678%204zm1.675%202.411c.551.315%201.02.66%201.348%201.088l-.015.011l.1.13a4.03%204.03%200%200%201-.022%204.792c-.934-.57-2.045-.923-3.177-.923h-5.247c-1.123%200-2.267.3-3.241.924a4.2%204.2%200%200%201-.735-2.366c0-.815.256-1.632.773-2.331l.115-.15l.01-.014C19.21%206.59%2020.434%206%2021.677%206h5.248c.66%200%201.21.145%201.675.411m-9.025%207.616l4.6%205.942l4.6-5.942c-.598-.325-1.278-.518-1.94-.518h-5.248c-.72%200-1.42.179-2.012.518m9.422%2012.06l-3.552-4.49l6.066-7.836a5.95%205.95%200%200%200%201.199-2.638l.475.633a7.415%207.415%200%200%201%20.003%208.921zm-9.57%203.232l-7.013%208.973l4.378%203.317l6.146-7.836zM16.91%2013.852a6.06%206.06%200%200%201-1.192-2.648l-.479.639l-.003.004a7.414%207.414%200%200%200-.005%208.918l9.766%2012.39l6.578%208.386l4.066-3.662l-7.42-9.55l-4.795-6.06z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%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-4.508%205.818l6.95%208.944a2%202%200%200%201-.242%202.713l-4.066%203.662A2%202%200%200%201%2030%2042.775l-5.79-7.383l-5.845%207.451a2%202%200%200%201-2.781.36l-4.379-3.317a2%202%200%200%201-.368-2.826l7.314-9.358l-4.504-5.714l-.006-.008a9.414%209.414%200%200%201-.002-11.339l.002-.002l.811-1.082l2.337-3.029l.108-.141C18.008%204.85%2019.853%204%2021.678%204zm1.675%202.411c.551.315%201.02.66%201.348%201.088l-.015.011l.1.13a4.03%204.03%200%200%201-.022%204.792c-.934-.57-2.045-.923-3.177-.923h-5.247c-1.123%200-2.267.3-3.241.924a4.2%204.2%200%200%201-.735-2.366c0-.815.256-1.632.773-2.331l.115-.15l.01-.014C19.21%206.59%2020.434%206%2021.677%206h5.248c.66%200%201.21.145%201.675.411m-9.025%207.616l4.6%205.942l4.6-5.942c-.598-.325-1.278-.518-1.94-.518h-5.248c-.72%200-1.42.179-2.012.518m9.422%2012.06l-3.552-4.49l6.066-7.836a5.95%205.95%200%200%200%201.199-2.638l.475.633a7.415%207.415%200%200%201%20.003%208.921zm-9.57%203.232l-7.013%208.973l4.378%203.317l6.146-7.836zM16.91%2013.852a6.06%206.06%200%200%201-1.192-2.648l-.479.639l-.003.004a7.414%207.414%200%200%200-.005%208.918l9.766%2012.39l6.578%208.386l4.066-3.662l-7.42-9.55l-4.795-6.06z%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.svg?color=%231a73e8&size=48
