diabetes icon
diabetes-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · People · MIT Free for personal and commercial use.
- Name
- diabetes-outline-24px
- Set
- Health Icons
- Style
- Outline 24px
- Category
- People
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
More people icons from Health Icons
agricultureagriculture-workeragriculture-worker-altancvasthmababy-0203-altbaby-0203mbaby-0306mbaby-female-0203m-altbaby-female-0306mbaby-female-0609mbaby-male-0203m-altbaby-male-0306mbaby-male-0609mboy-0105yboy-1015ycall-centrechild-carechild-cognitionchild-programcity-workerclean-handscommunity-healthworkerconstruction-worker
Use the diabetes icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.5 14.125h3a1 1 0 1 1 0 2h-4v.75h2a1 1 0 1 1 0 2H8a6 6 0 0 1-6-6a5 5 0 0 1 2.864-4.522a1 1 0 0 1 .242-.147l7-3a1 1 0 1 1 .788 1.838l-1.25.536l-.07.043c-.296.148-.36.394-.307.574c.049.164.249.424.82.428H21a1 1 0 1 1 0 2h-.057a.6.6 0 0 0 .057-.25c0-.414-.448-.75-1-.75s-1 .336-1 .75q0 .133.057.25H12.5v.75H16a1 1 0 1 1 0 2h-3.5z"/><path d="m20 11.897l-.177.176l-.001.002l-.003.003l-.012.012a4 4 0 0 0-.19.206a7 7 0 0 0-.446.565c-.317.448-.671 1.078-.671 1.687c0 .811.68 1.452 1.5 1.452s1.5-.64 1.5-1.452c0-.609-.354-1.239-.67-1.687a7 7 0 0 0-.637-.771l-.012-.012l-.003-.003l-.002-.002z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsDiabetesOutline24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.5 14.125h3a1 1 0 1 1 0 2h-4v.75h2a1 1 0 1 1 0 2H8a6 6 0 0 1-6-6a5 5 0 0 1 2.864-4.522a1 1 0 0 1 .242-.147l7-3a1 1 0 1 1 .788 1.838l-1.25.536l-.07.043c-.296.148-.36.394-.307.574c.049.164.249.424.82.428H21a1 1 0 1 1 0 2h-.057a.6.6 0 0 0 .057-.25c0-.414-.448-.75-1-.75s-1 .336-1 .75q0 .133.057.25H12.5v.75H16a1 1 0 1 1 0 2h-3.5z"/><path d="m20 11.897l-.177.176l-.001.002l-.003.003l-.012.012a4 4 0 0 0-.19.206a7 7 0 0 0-.446.565c-.317.448-.671 1.078-.671 1.687c0 .811.68 1.452 1.5 1.452s1.5-.64 1.5-1.452c0-.609-.354-1.239-.67-1.687a7 7 0 0 0-.637-.771l-.012-.012l-.003-.003l-.002-.002z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.5 14.125h3a1 1 0 1 1 0 2h-4v.75h2a1 1 0 1 1 0 2H8a6 6 0 0 1-6-6a5 5 0 0 1 2.864-4.522a1 1 0 0 1 .242-.147l7-3a1 1 0 1 1 .788 1.838l-1.25.536l-.07.043c-.296.148-.36.394-.307.574c.049.164.249.424.82.428H21a1 1 0 1 1 0 2h-.057a.6.6 0 0 0 .057-.25c0-.414-.448-.75-1-.75s-1 .336-1 .75q0 .133.057.25H12.5v.75H16a1 1 0 1 1 0 2h-3.5z"/><path d="m20 11.897l-.177.176l-.001.002l-.003.003l-.012.012a4 4 0 0 0-.19.206a7 7 0 0 0-.446.565c-.317.448-.671 1.078-.671 1.687c0 .811.68 1.452 1.5 1.452s1.5-.64 1.5-1.452c0-.609-.354-1.239-.67-1.687a7 7 0 0 0-.637-.771l-.012-.012l-.003-.003l-.002-.002z"/></g></svg> </template>
CSS
.icon-diabetes-outline-24px {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.5%2014.125h3a1%201%200%201%201%200%202h-4v.75h2a1%201%200%201%201%200%202H8a6%206%200%200%201-6-6a5%205%200%200%201%202.864-4.522a1%201%200%200%201%20.242-.147l7-3a1%201%200%201%201%20.788%201.838l-1.25.536l-.07.043c-.296.148-.36.394-.307.574c.049.164.249.424.82.428H21a1%201%200%201%201%200%202h-.057a.6.6%200%200%200%20.057-.25c0-.414-.448-.75-1-.75s-1%20.336-1%20.75q0%20.133.057.25H12.5v.75H16a1%201%200%201%201%200%202h-3.5z%22%2F%3E%3Cpath%20d%3D%22m20%2011.897l-.177.176l-.001.002l-.003.003l-.012.012a4%204%200%200%200-.19.206a7%207%200%200%200-.446.565c-.317.448-.671%201.078-.671%201.687c0%20.811.68%201.452%201.5%201.452s1.5-.64%201.5-1.452c0-.609-.354-1.239-.67-1.687a7%207%200%200%200-.637-.771l-.012-.012l-.003-.003l-.002-.002z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.5%2014.125h3a1%201%200%201%201%200%202h-4v.75h2a1%201%200%201%201%200%202H8a6%206%200%200%201-6-6a5%205%200%200%201%202.864-4.522a1%201%200%200%201%20.242-.147l7-3a1%201%200%201%201%20.788%201.838l-1.25.536l-.07.043c-.296.148-.36.394-.307.574c.049.164.249.424.82.428H21a1%201%200%201%201%200%202h-.057a.6.6%200%200%200%20.057-.25c0-.414-.448-.75-1-.75s-1%20.336-1%20.75q0%20.133.057.25H12.5v.75H16a1%201%200%201%201%200%202h-3.5z%22%2F%3E%3Cpath%20d%3D%22m20%2011.897l-.177.176l-.001.002l-.003.003l-.012.012a4%204%200%200%200-.19.206a7%207%200%200%200-.446.565c-.317.448-.671%201.078-.671%201.687c0%20.811.68%201.452%201.5%201.452s1.5-.64%201.5-1.452c0-.609-.354-1.239-.67-1.687a7%207%200%200%200-.637-.771l-.012-.012l-.003-.003l-.002-.002z%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/diabetes-outline-24px.svg?color=%231a73e8&size=48
