xray icon
xray-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · Devices · MIT Free for personal and commercial use.
- Name
- xray-outline-24px
- Set
- Health Icons
- Style
- Outline 24px
- Category
- Devices
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
More devices icons from Health Icons
Use the xray icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14 4a2 2 0 1 1-4 0a2 2 0 0 1 4 0M9 17v4a1 1 0 1 0 2 0v-4zm4 0v4a1 1 0 1 0 2 0v-4z"/><path fill-rule="evenodd" d="M5 8a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1zm1.5 6.5v-6h4.75v.913c-.573.06-1.136.191-1.585.416a.75.75 0 1 0 .67 1.342c.219-.11.539-.197.915-.247v.879a5.2 5.2 0 0 0-2.166.823a.75.75 0 0 0 .832 1.248a3.7 3.7 0 0 1 1.334-.55V14.5zm6.25-1.176V14.5h4.75v-6h-4.75v.913c.573.06 1.136.191 1.585.416a.75.75 0 1 1-.67 1.342c-.219-.11-.539-.197-.915-.247v.879a5.2 5.2 0 0 1 2.166.823a.75.75 0 1 1-.832 1.248a3.7 3.7 0 0 0-1.334-.55" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsXrayOutline24px(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="M14 4a2 2 0 1 1-4 0a2 2 0 0 1 4 0M9 17v4a1 1 0 1 0 2 0v-4zm4 0v4a1 1 0 1 0 2 0v-4z"/><path fillRule="evenodd" d="M5 8a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1zm1.5 6.5v-6h4.75v.913c-.573.06-1.136.191-1.585.416a.75.75 0 1 0 .67 1.342c.219-.11.539-.197.915-.247v.879a5.2 5.2 0 0 0-2.166.823a.75.75 0 0 0 .832 1.248a3.7 3.7 0 0 1 1.334-.55V14.5zm6.25-1.176V14.5h4.75v-6h-4.75v.913c.573.06 1.136.191 1.585.416a.75.75 0 1 1-.67 1.342c-.219-.11-.539-.197-.915-.247v.879a5.2 5.2 0 0 1 2.166.823a.75.75 0 1 1-.832 1.248a3.7 3.7 0 0 0-1.334-.55" clipRule="evenodd"/></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="M14 4a2 2 0 1 1-4 0a2 2 0 0 1 4 0M9 17v4a1 1 0 1 0 2 0v-4zm4 0v4a1 1 0 1 0 2 0v-4z"/><path fill-rule="evenodd" d="M5 8a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1zm1.5 6.5v-6h4.75v.913c-.573.06-1.136.191-1.585.416a.75.75 0 1 0 .67 1.342c.219-.11.539-.197.915-.247v.879a5.2 5.2 0 0 0-2.166.823a.75.75 0 0 0 .832 1.248a3.7 3.7 0 0 1 1.334-.55V14.5zm6.25-1.176V14.5h4.75v-6h-4.75v.913c.573.06 1.136.191 1.585.416a.75.75 0 1 1-.67 1.342c-.219-.11-.539-.197-.915-.247v.879a5.2 5.2 0 0 1 2.166.823a.75.75 0 1 1-.832 1.248a3.7 3.7 0 0 0-1.334-.55" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-xray-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%22M14%204a2%202%200%201%201-4%200a2%202%200%200%201%204%200M9%2017v4a1%201%200%201%200%202%200v-4zm4%200v4a1%201%200%201%200%202%200v-4z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%208a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v7a1%201%200%200%201-1%201H6a1%201%200%200%201-1-1zm1.5%206.5v-6h4.75v.913c-.573.06-1.136.191-1.585.416a.75.75%200%201%200%20.67%201.342c.219-.11.539-.197.915-.247v.879a5.2%205.2%200%200%200-2.166.823a.75.75%200%200%200%20.832%201.248a3.7%203.7%200%200%201%201.334-.55V14.5zm6.25-1.176V14.5h4.75v-6h-4.75v.913c.573.06%201.136.191%201.585.416a.75.75%200%201%201-.67%201.342c-.219-.11-.539-.197-.915-.247v.879a5.2%205.2%200%200%201%202.166.823a.75.75%200%201%201-.832%201.248a3.7%203.7%200%200%200-1.334-.55%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14%204a2%202%200%201%201-4%200a2%202%200%200%201%204%200M9%2017v4a1%201%200%201%200%202%200v-4zm4%200v4a1%201%200%201%200%202%200v-4z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%208a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v7a1%201%200%200%201-1%201H6a1%201%200%200%201-1-1zm1.5%206.5v-6h4.75v.913c-.573.06-1.136.191-1.585.416a.75.75%200%201%200%20.67%201.342c.219-.11.539-.197.915-.247v.879a5.2%205.2%200%200%200-2.166.823a.75.75%200%200%200%20.832%201.248a3.7%203.7%200%200%201%201.334-.55V14.5zm6.25-1.176V14.5h4.75v-6h-4.75v.913c.573.06%201.136.191%201.585.416a.75.75%200%201%201-.67%201.342c-.219-.11-.539-.197-.915-.247v.879a5.2%205.2%200%200%201%202.166.823a.75.75%200%201%201-.832%201.248a3.7%203.7%200%200%200-1.334-.55%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/xray-outline-24px.svg?color=%231a73e8&size=48
