x ray icon

x-ray from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name: x-ray
Set: Huge Icons
Style: Stroke
Viewbox: 24×24
License: MIT

The same icon in other sets

x-rayFont Awesome 6 Solid x-rayFont Awesome Solid x-rayFluent Emoji x-rayFluent Emoji Flat x-rayFluent Emoji High Contrast x-rayLine Awesome x-rayNoto Emoji x-rayOpenMoji x-rayTwitter Emoji

Related icons in Huge Icons

x-line-top x-variable x-variable-circle x-variable-square

Use the x ray icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><rect width="20" height="18" rx="5" transform="matrix(0 -1 -1 0 21 22)"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 5v9"/><path stroke-linecap="round" d="M12 14.332c-.953 0-1.857-.105-2.671-.294c-.875-.203-1.829.437-1.829 1.367c0 .485.266.935.707 1.099q.486.181 1.036.314c.592.143 1.112.53 1.37 1.1l.106.236c.232.516.732.846 1.281.846c.55 0 1.049-.33 1.281-.846l.107-.236c.257-.57.777-.957 1.37-1.1a9 9 0 0 0 1.035-.314c.44-.164.707-.614.707-1.1c0-.929-.954-1.57-1.829-1.366c-.813.189-1.718.294-2.671.294Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 7c-.387.619-.916 1-1.5 1s-1.113-.381-1.5-1c-.387.619-.916 1-1.5 1S9.387 7.619 9 7m-2 3c.644.619 1.527 1 2.5 1s1.856-.381 2.5-1c.644.619 1.527 1 2.5 1s1.856-.381 2.5-1"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsXRay(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><rect width="20" height="18" rx="5" transform="matrix(0 -1 -1 0 21 22)"/><path strokeLinecap="round" strokeLinejoin="round" d="M12 5v9"/><path strokeLinecap="round" d="M12 14.332c-.953 0-1.857-.105-2.671-.294c-.875-.203-1.829.437-1.829 1.367c0 .485.266.935.707 1.099q.486.181 1.036.314c.592.143 1.112.53 1.37 1.1l.106.236c.232.516.732.846 1.281.846c.55 0 1.049-.33 1.281-.846l.107-.236c.257-.57.777-.957 1.37-1.1a9 9 0 0 0 1.035-.314c.44-.164.707-.614.707-1.1c0-.929-.954-1.57-1.829-1.366c-.813.189-1.718.294-2.671.294Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M15 7c-.387.619-.916 1-1.5 1s-1.113-.381-1.5-1c-.387.619-.916 1-1.5 1S9.387 7.619 9 7m-2 3c.644.619 1.527 1 2.5 1s1.856-.381 2.5-1c.644.619 1.527 1 2.5 1s1.856-.381 2.5-1"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><rect width="20" height="18" rx="5" transform="matrix(0 -1 -1 0 21 22)"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 5v9"/><path stroke-linecap="round" d="M12 14.332c-.953 0-1.857-.105-2.671-.294c-.875-.203-1.829.437-1.829 1.367c0 .485.266.935.707 1.099q.486.181 1.036.314c.592.143 1.112.53 1.37 1.1l.106.236c.232.516.732.846 1.281.846c.55 0 1.049-.33 1.281-.846l.107-.236c.257-.57.777-.957 1.37-1.1a9 9 0 0 0 1.035-.314c.44-.164.707-.614.707-1.1c0-.929-.954-1.57-1.829-1.366c-.813.189-1.718.294-2.671.294Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 7c-.387.619-.916 1-1.5 1s-1.113-.381-1.5-1c-.387.619-.916 1-1.5 1S9.387 7.619 9 7m-2 3c.644.619 1.527 1 2.5 1s1.856-.381 2.5-1c.644.619 1.527 1 2.5 1s1.856-.381 2.5-1"/></g></svg>
</template>

CSS

.icon-x-ray {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Crect%20width%3D%2220%22%20height%3D%2218%22%20rx%3D%225%22%20transform%3D%22matrix(0%20-1%20-1%200%2021%2022)%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%205v9%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2014.332c-.953%200-1.857-.105-2.671-.294c-.875-.203-1.829.437-1.829%201.367c0%20.485.266.935.707%201.099q.486.181%201.036.314c.592.143%201.112.53%201.37%201.1l.106.236c.232.516.732.846%201.281.846c.55%200%201.049-.33%201.281-.846l.107-.236c.257-.57.777-.957%201.37-1.1a9%209%200%200%200%201.035-.314c.44-.164.707-.614.707-1.1c0-.929-.954-1.57-1.829-1.366c-.813.189-1.718.294-2.671.294Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%207c-.387.619-.916%201-1.5%201s-1.113-.381-1.5-1c-.387.619-.916%201-1.5%201S9.387%207.619%209%207m-2%203c.644.619%201.527%201%202.5%201s1.856-.381%202.5-1c.644.619%201.527%201%202.5%201s1.856-.381%202.5-1%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Crect%20width%3D%2220%22%20height%3D%2218%22%20rx%3D%225%22%20transform%3D%22matrix(0%20-1%20-1%200%2021%2022)%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%205v9%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2014.332c-.953%200-1.857-.105-2.671-.294c-.875-.203-1.829.437-1.829%201.367c0%20.485.266.935.707%201.099q.486.181%201.036.314c.592.143%201.112.53%201.37%201.1l.106.236c.232.516.732.846%201.281.846c.55%200%201.049-.33%201.281-.846l.107-.236c.257-.57.777-.957%201.37-1.1a9%209%200%200%200%201.035-.314c.44-.164.707-.614.707-1.1c0-.929-.954-1.57-1.829-1.366c-.813.189-1.718.294-2.671.294Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%207c-.387.619-.916%201-1.5%201s-1.113-.381-1.5-1c-.387.619-.916%201-1.5%201S9.387%207.619%209%207m-2%203c.644.619%201.527%201%202.5%201s1.856-.381%202.5-1c.644.619%201.527%201%202.5%201s1.856-.381%202.5-1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/x-ray.svg?color=%231a73e8&size=48