5 icon
5-outline from Health Icons by Resolve to Save Lives · Outline · Typography · MIT Free for personal and commercial use.
- Name
- 5-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Typography
- Viewbox
- 48×48
- License
- MIT
- Aliases
- 52x-outline
1 other variant in Health Icons
The same icon in other sets
More typography icons from Health Icons
Use the 5 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="M35 12a3 3 0 0 0-3-3H18a3 3 0 0 0-2.942 2.412l-2 10a3 3 0 0 0 4.606 3.084C18.172 24.158 20.594 23 24 23a5 5 0 0 1 0 10h-2.218c-1.4 0-2.546-.871-2.96-2.019a3 3 0 1 0-5.644 2.038C14.448 36.532 17.842 39 21.782 39H24c6.075 0 11-4.925 11-11s-4.925-11-11-11c-1.456 0-2.807.151-4.018.389L20.459 15H32a3 3 0 0 0 3-3m-3-1a1 1 0 1 1 0 2H19.64a1 1 0 0 0-.981.804l-.944 4.72a1 1 0 0 0 1.25 1.159A18.8 18.8 0 0 1 24 19a9 9 0 1 1 0 18h-2.218c-3.093 0-5.738-1.936-6.723-4.66a1 1 0 1 1 1.882-.68c.699 1.937 2.595 3.34 4.84 3.34H24a7 7 0 1 0 0-14c-3.802 0-6.61 1.275-7.445 1.832a1 1 0 0 1-1.536-1.028l2-10A1 1 0 0 1 18 11z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function Healthicons5Outline(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="M35 12a3 3 0 0 0-3-3H18a3 3 0 0 0-2.942 2.412l-2 10a3 3 0 0 0 4.606 3.084C18.172 24.158 20.594 23 24 23a5 5 0 0 1 0 10h-2.218c-1.4 0-2.546-.871-2.96-2.019a3 3 0 1 0-5.644 2.038C14.448 36.532 17.842 39 21.782 39H24c6.075 0 11-4.925 11-11s-4.925-11-11-11c-1.456 0-2.807.151-4.018.389L20.459 15H32a3 3 0 0 0 3-3m-3-1a1 1 0 1 1 0 2H19.64a1 1 0 0 0-.981.804l-.944 4.72a1 1 0 0 0 1.25 1.159A18.8 18.8 0 0 1 24 19a9 9 0 1 1 0 18h-2.218c-3.093 0-5.738-1.936-6.723-4.66a1 1 0 1 1 1.882-.68c.699 1.937 2.595 3.34 4.84 3.34H24a7 7 0 1 0 0-14c-3.802 0-6.61 1.275-7.445 1.832a1 1 0 0 1-1.536-1.028l2-10A1 1 0 0 1 18 11z" 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="M35 12a3 3 0 0 0-3-3H18a3 3 0 0 0-2.942 2.412l-2 10a3 3 0 0 0 4.606 3.084C18.172 24.158 20.594 23 24 23a5 5 0 0 1 0 10h-2.218c-1.4 0-2.546-.871-2.96-2.019a3 3 0 1 0-5.644 2.038C14.448 36.532 17.842 39 21.782 39H24c6.075 0 11-4.925 11-11s-4.925-11-11-11c-1.456 0-2.807.151-4.018.389L20.459 15H32a3 3 0 0 0 3-3m-3-1a1 1 0 1 1 0 2H19.64a1 1 0 0 0-.981.804l-.944 4.72a1 1 0 0 0 1.25 1.159A18.8 18.8 0 0 1 24 19a9 9 0 1 1 0 18h-2.218c-3.093 0-5.738-1.936-6.723-4.66a1 1 0 1 1 1.882-.68c.699 1.937 2.595 3.34 4.84 3.34H24a7 7 0 1 0 0-14c-3.802 0-6.61 1.275-7.445 1.832a1 1 0 0 1-1.536-1.028l2-10A1 1 0 0 1 18 11z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-5-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%22M35%2012a3%203%200%200%200-3-3H18a3%203%200%200%200-2.942%202.412l-2%2010a3%203%200%200%200%204.606%203.084C18.172%2024.158%2020.594%2023%2024%2023a5%205%200%200%201%200%2010h-2.218c-1.4%200-2.546-.871-2.96-2.019a3%203%200%201%200-5.644%202.038C14.448%2036.532%2017.842%2039%2021.782%2039H24c6.075%200%2011-4.925%2011-11s-4.925-11-11-11c-1.456%200-2.807.151-4.018.389L20.459%2015H32a3%203%200%200%200%203-3m-3-1a1%201%200%201%201%200%202H19.64a1%201%200%200%200-.981.804l-.944%204.72a1%201%200%200%200%201.25%201.159A18.8%2018.8%200%200%201%2024%2019a9%209%200%201%201%200%2018h-2.218c-3.093%200-5.738-1.936-6.723-4.66a1%201%200%201%201%201.882-.68c.699%201.937%202.595%203.34%204.84%203.34H24a7%207%200%201%200%200-14c-3.802%200-6.61%201.275-7.445%201.832a1%201%200%200%201-1.536-1.028l2-10A1%201%200%200%201%2018%2011z%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%22M35%2012a3%203%200%200%200-3-3H18a3%203%200%200%200-2.942%202.412l-2%2010a3%203%200%200%200%204.606%203.084C18.172%2024.158%2020.594%2023%2024%2023a5%205%200%200%201%200%2010h-2.218c-1.4%200-2.546-.871-2.96-2.019a3%203%200%201%200-5.644%202.038C14.448%2036.532%2017.842%2039%2021.782%2039H24c6.075%200%2011-4.925%2011-11s-4.925-11-11-11c-1.456%200-2.807.151-4.018.389L20.459%2015H32a3%203%200%200%200%203-3m-3-1a1%201%200%201%201%200%202H19.64a1%201%200%200%200-.981.804l-.944%204.72a1%201%200%200%200%201.25%201.159A18.8%2018.8%200%200%201%2024%2019a9%209%200%201%201%200%2018h-2.218c-3.093%200-5.738-1.936-6.723-4.66a1%201%200%201%201%201.882-.68c.699%201.937%202.595%203.34%204.84%203.34H24a7%207%200%201%200%200-14c-3.802%200-6.61%201.275-7.445%201.832a1%201%200%200%201-1.536-1.028l2-10A1%201%200%200%201%2018%2011z%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/5-outline.svg?color=%231a73e8&size=48
