9 icon
9-outline from Health Icons by Resolve to Save Lives · Outline · Typography · MIT Free for personal and commercial use.
- Name
- 9-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Typography
- Viewbox
- 48×48
- License
- MIT
- Aliases
- 92x-outline
1 other variant in Health Icons
The same icon in other sets
More typography icons from Health Icons
Use the 9 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="M13.516 33.005A9.03 9.03 0 0 0 22.032 39h3.936C30.94 39 35 34.986 35 30V18c0-4.986-4.06-9-9.032-9h-3.936C17.06 9 13 13.014 13 18s4.06 9 9.032 9h3.936A9 9 0 0 0 29 26.48V30c0 1.642-1.343 3-3.032 3h-3.936a3.03 3.03 0 0 1-2.862-2.005a3 3 0 0 0-5.654 2.01M22.032 37a7.03 7.03 0 0 1-6.631-4.665a1 1 0 1 1 1.884-.67A5.03 5.03 0 0 0 22.033 35h3.936C28.753 35 31 32.756 31 30v-5.08a1 1 0 0 0-1.501-.865a7 7 0 0 1-3.531.945h-3.936C18.153 25 15 21.87 15 18s3.153-7 7.032-7h3.936C29.847 11 33 14.13 33 18v12c0 3.87-3.153 7-7.032 7zm0-16C20.343 21 19 19.642 19 18s1.343-3 3.032-3h3.936C27.657 15 29 16.358 29 18s-1.343 3-3.032 3zM17 18c0 2.756 2.247 5 5.032 5h3.936C28.753 23 31 20.756 31 18s-2.247-5-5.032-5h-3.936C19.247 13 17 15.244 17 18" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function Healthicons9Outline(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="M13.516 33.005A9.03 9.03 0 0 0 22.032 39h3.936C30.94 39 35 34.986 35 30V18c0-4.986-4.06-9-9.032-9h-3.936C17.06 9 13 13.014 13 18s4.06 9 9.032 9h3.936A9 9 0 0 0 29 26.48V30c0 1.642-1.343 3-3.032 3h-3.936a3.03 3.03 0 0 1-2.862-2.005a3 3 0 0 0-5.654 2.01M22.032 37a7.03 7.03 0 0 1-6.631-4.665a1 1 0 1 1 1.884-.67A5.03 5.03 0 0 0 22.033 35h3.936C28.753 35 31 32.756 31 30v-5.08a1 1 0 0 0-1.501-.865a7 7 0 0 1-3.531.945h-3.936C18.153 25 15 21.87 15 18s3.153-7 7.032-7h3.936C29.847 11 33 14.13 33 18v12c0 3.87-3.153 7-7.032 7zm0-16C20.343 21 19 19.642 19 18s1.343-3 3.032-3h3.936C27.657 15 29 16.358 29 18s-1.343 3-3.032 3zM17 18c0 2.756 2.247 5 5.032 5h3.936C28.753 23 31 20.756 31 18s-2.247-5-5.032-5h-3.936C19.247 13 17 15.244 17 18" 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="M13.516 33.005A9.03 9.03 0 0 0 22.032 39h3.936C30.94 39 35 34.986 35 30V18c0-4.986-4.06-9-9.032-9h-3.936C17.06 9 13 13.014 13 18s4.06 9 9.032 9h3.936A9 9 0 0 0 29 26.48V30c0 1.642-1.343 3-3.032 3h-3.936a3.03 3.03 0 0 1-2.862-2.005a3 3 0 0 0-5.654 2.01M22.032 37a7.03 7.03 0 0 1-6.631-4.665a1 1 0 1 1 1.884-.67A5.03 5.03 0 0 0 22.033 35h3.936C28.753 35 31 32.756 31 30v-5.08a1 1 0 0 0-1.501-.865a7 7 0 0 1-3.531.945h-3.936C18.153 25 15 21.87 15 18s3.153-7 7.032-7h3.936C29.847 11 33 14.13 33 18v12c0 3.87-3.153 7-7.032 7zm0-16C20.343 21 19 19.642 19 18s1.343-3 3.032-3h3.936C27.657 15 29 16.358 29 18s-1.343 3-3.032 3zM17 18c0 2.756 2.247 5 5.032 5h3.936C28.753 23 31 20.756 31 18s-2.247-5-5.032-5h-3.936C19.247 13 17 15.244 17 18" clip-rule="evenodd"/></svg> </template>
CSS
.icon-9-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%22M13.516%2033.005A9.03%209.03%200%200%200%2022.032%2039h3.936C30.94%2039%2035%2034.986%2035%2030V18c0-4.986-4.06-9-9.032-9h-3.936C17.06%209%2013%2013.014%2013%2018s4.06%209%209.032%209h3.936A9%209%200%200%200%2029%2026.48V30c0%201.642-1.343%203-3.032%203h-3.936a3.03%203.03%200%200%201-2.862-2.005a3%203%200%200%200-5.654%202.01M22.032%2037a7.03%207.03%200%200%201-6.631-4.665a1%201%200%201%201%201.884-.67A5.03%205.03%200%200%200%2022.033%2035h3.936C28.753%2035%2031%2032.756%2031%2030v-5.08a1%201%200%200%200-1.501-.865a7%207%200%200%201-3.531.945h-3.936C18.153%2025%2015%2021.87%2015%2018s3.153-7%207.032-7h3.936C29.847%2011%2033%2014.13%2033%2018v12c0%203.87-3.153%207-7.032%207zm0-16C20.343%2021%2019%2019.642%2019%2018s1.343-3%203.032-3h3.936C27.657%2015%2029%2016.358%2029%2018s-1.343%203-3.032%203zM17%2018c0%202.756%202.247%205%205.032%205h3.936C28.753%2023%2031%2020.756%2031%2018s-2.247-5-5.032-5h-3.936C19.247%2013%2017%2015.244%2017%2018%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%22M13.516%2033.005A9.03%209.03%200%200%200%2022.032%2039h3.936C30.94%2039%2035%2034.986%2035%2030V18c0-4.986-4.06-9-9.032-9h-3.936C17.06%209%2013%2013.014%2013%2018s4.06%209%209.032%209h3.936A9%209%200%200%200%2029%2026.48V30c0%201.642-1.343%203-3.032%203h-3.936a3.03%203.03%200%200%201-2.862-2.005a3%203%200%200%200-5.654%202.01M22.032%2037a7.03%207.03%200%200%201-6.631-4.665a1%201%200%201%201%201.884-.67A5.03%205.03%200%200%200%2022.033%2035h3.936C28.753%2035%2031%2032.756%2031%2030v-5.08a1%201%200%200%200-1.501-.865a7%207%200%200%201-3.531.945h-3.936C18.153%2025%2015%2021.87%2015%2018s3.153-7%207.032-7h3.936C29.847%2011%2033%2014.13%2033%2018v12c0%203.87-3.153%207-7.032%207zm0-16C20.343%2021%2019%2019.642%2019%2018s1.343-3%203.032-3h3.936C27.657%2015%2029%2016.358%2029%2018s-1.343%203-3.032%203zM17%2018c0%202.756%202.247%205%205.032%205h3.936C28.753%2023%2031%2020.756%2031%2018s-2.247-5-5.032-5h-3.936C19.247%2013%2017%2015.244%2017%2018%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/9-outline.svg?color=%231a73e8&size=48
