height icon
height-outline from Health Icons by Resolve to Save Lives · Outline · Symbols · MIT Free for personal and commercial use.
- Name
- height-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Symbols
- Viewbox
- 48×48
- License
- MIT
- Aliases
- height2x-outline
1 other variant in Health Icons
The same icon in other sets
More symbols icons from Health Icons
Use the height icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="m36.5 3.586l4.207 4.207a1 1 0 0 1-1.414 1.414L37.5 7.414V44h-2V7.414l-1.793 1.793a1 1 0 1 1-1.414-1.414z"/><path fill-rule="evenodd" d="M29 9a5 5 0 1 1-10 0a5 5 0 0 1 10 0m-2 0a3 3 0 1 1-6 0a3 3 0 0 1 6 0m.913 35a3 3 0 0 1-2.988-2.729L24.173 33h-.347l-.752 8.271a3 3 0 0 1-.096.531A3 3 0 0 1 20.086 44H20a3 3 0 0 1-3-3v-8.793a4 4 0 0 1-1.608-3.096l-.264-9.517a4 4 0 0 1 4.44-4.087l3.99.444q.442.048.884 0l3.86-.43a4 4 0 0 1 4.436 4.198l-.528 9.503a4 4 0 0 1-1.21 2.65V41a3 3 0 0 1-3 3zM19 32.207a2 2 0 0 0-.804-1.603a2 2 0 0 1-.805-1.549l-.264-9.516a2 2 0 0 1 2.22-2.044l3.99.444c.44.049.885.049 1.326 0l3.86-.43a2 2 0 0 1 2.218 2.1l-.528 9.502a2 2 0 0 1-.605 1.325A2 2 0 0 0 29 31.872V41a1 1 0 0 1-1 1h-.087a1 1 0 0 1-.996-.91l-.752-8.271a2 2 0 0 0-1.992-1.82h-.347a2 2 0 0 0-1.992 1.82l-.752 8.271a1 1 0 0 1-.995.91H20a1 1 0 0 1-1-1z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsHeightOutline(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 d="m36.5 3.586l4.207 4.207a1 1 0 0 1-1.414 1.414L37.5 7.414V44h-2V7.414l-1.793 1.793a1 1 0 1 1-1.414-1.414z"/><path fillRule="evenodd" d="M29 9a5 5 0 1 1-10 0a5 5 0 0 1 10 0m-2 0a3 3 0 1 1-6 0a3 3 0 0 1 6 0m.913 35a3 3 0 0 1-2.988-2.729L24.173 33h-.347l-.752 8.271a3 3 0 0 1-.096.531A3 3 0 0 1 20.086 44H20a3 3 0 0 1-3-3v-8.793a4 4 0 0 1-1.608-3.096l-.264-9.517a4 4 0 0 1 4.44-4.087l3.99.444q.442.048.884 0l3.86-.43a4 4 0 0 1 4.436 4.198l-.528 9.503a4 4 0 0 1-1.21 2.65V41a3 3 0 0 1-3 3zM19 32.207a2 2 0 0 0-.804-1.603a2 2 0 0 1-.805-1.549l-.264-9.516a2 2 0 0 1 2.22-2.044l3.99.444c.44.049.885.049 1.326 0l3.86-.43a2 2 0 0 1 2.218 2.1l-.528 9.502a2 2 0 0 1-.605 1.325A2 2 0 0 0 29 31.872V41a1 1 0 0 1-1 1h-.087a1 1 0 0 1-.996-.91l-.752-8.271a2 2 0 0 0-1.992-1.82h-.347a2 2 0 0 0-1.992 1.82l-.752 8.271a1 1 0 0 1-.995.91H20a1 1 0 0 1-1-1z" clipRule="evenodd"/></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 d="m36.5 3.586l4.207 4.207a1 1 0 0 1-1.414 1.414L37.5 7.414V44h-2V7.414l-1.793 1.793a1 1 0 1 1-1.414-1.414z"/><path fill-rule="evenodd" d="M29 9a5 5 0 1 1-10 0a5 5 0 0 1 10 0m-2 0a3 3 0 1 1-6 0a3 3 0 0 1 6 0m.913 35a3 3 0 0 1-2.988-2.729L24.173 33h-.347l-.752 8.271a3 3 0 0 1-.096.531A3 3 0 0 1 20.086 44H20a3 3 0 0 1-3-3v-8.793a4 4 0 0 1-1.608-3.096l-.264-9.517a4 4 0 0 1 4.44-4.087l3.99.444q.442.048.884 0l3.86-.43a4 4 0 0 1 4.436 4.198l-.528 9.503a4 4 0 0 1-1.21 2.65V41a3 3 0 0 1-3 3zM19 32.207a2 2 0 0 0-.804-1.603a2 2 0 0 1-.805-1.549l-.264-9.516a2 2 0 0 1 2.22-2.044l3.99.444c.44.049.885.049 1.326 0l3.86-.43a2 2 0 0 1 2.218 2.1l-.528 9.502a2 2 0 0 1-.605 1.325A2 2 0 0 0 29 31.872V41a1 1 0 0 1-1 1h-.087a1 1 0 0 1-.996-.91l-.752-8.271a2 2 0 0 0-1.992-1.82h-.347a2 2 0 0 0-1.992 1.82l-.752 8.271a1 1 0 0 1-.995.91H20a1 1 0 0 1-1-1z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-height-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m36.5%203.586l4.207%204.207a1%201%200%200%201-1.414%201.414L37.5%207.414V44h-2V7.414l-1.793%201.793a1%201%200%201%201-1.414-1.414z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M29%209a5%205%200%201%201-10%200a5%205%200%200%201%2010%200m-2%200a3%203%200%201%201-6%200a3%203%200%200%201%206%200m.913%2035a3%203%200%200%201-2.988-2.729L24.173%2033h-.347l-.752%208.271a3%203%200%200%201-.096.531A3%203%200%200%201%2020.086%2044H20a3%203%200%200%201-3-3v-8.793a4%204%200%200%201-1.608-3.096l-.264-9.517a4%204%200%200%201%204.44-4.087l3.99.444q.442.048.884%200l3.86-.43a4%204%200%200%201%204.436%204.198l-.528%209.503a4%204%200%200%201-1.21%202.65V41a3%203%200%200%201-3%203zM19%2032.207a2%202%200%200%200-.804-1.603a2%202%200%200%201-.805-1.549l-.264-9.516a2%202%200%200%201%202.22-2.044l3.99.444c.44.049.885.049%201.326%200l3.86-.43a2%202%200%200%201%202.218%202.1l-.528%209.502a2%202%200%200%201-.605%201.325A2%202%200%200%200%2029%2031.872V41a1%201%200%200%201-1%201h-.087a1%201%200%200%201-.996-.91l-.752-8.271a2%202%200%200%200-1.992-1.82h-.347a2%202%200%200%200-1.992%201.82l-.752%208.271a1%201%200%200%201-.995.91H20a1%201%200%200%201-1-1z%22%20clip-rule%3D%22evenodd%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%20d%3D%22m36.5%203.586l4.207%204.207a1%201%200%200%201-1.414%201.414L37.5%207.414V44h-2V7.414l-1.793%201.793a1%201%200%201%201-1.414-1.414z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M29%209a5%205%200%201%201-10%200a5%205%200%200%201%2010%200m-2%200a3%203%200%201%201-6%200a3%203%200%200%201%206%200m.913%2035a3%203%200%200%201-2.988-2.729L24.173%2033h-.347l-.752%208.271a3%203%200%200%201-.096.531A3%203%200%200%201%2020.086%2044H20a3%203%200%200%201-3-3v-8.793a4%204%200%200%201-1.608-3.096l-.264-9.517a4%204%200%200%201%204.44-4.087l3.99.444q.442.048.884%200l3.86-.43a4%204%200%200%201%204.436%204.198l-.528%209.503a4%204%200%200%201-1.21%202.65V41a3%203%200%200%201-3%203zM19%2032.207a2%202%200%200%200-.804-1.603a2%202%200%200%201-.805-1.549l-.264-9.516a2%202%200%200%201%202.22-2.044l3.99.444c.44.049.885.049%201.326%200l3.86-.43a2%202%200%200%201%202.218%202.1l-.528%209.502a2%202%200%200%201-.605%201.325A2%202%200%200%200%2029%2031.872V41a1%201%200%200%201-1%201h-.087a1%201%200%200%201-.996-.91l-.752-8.271a2%202%200%200%200-1.992-1.82h-.347a2%202%200%200%200-1.992%201.82l-.752%208.271a1%201%200%200%201-.995.91H20a1%201%200%200%201-1-1z%22%20clip-rule%3D%22evenodd%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/height-outline.svg?color=%231a73e8&size=48
