X Ray icon
openmoji:x-ray
The X Ray icon (openmoji:x-ray) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Objects
- Tags
- xray
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGp8tmEdJl" d="M30.496 23.365c-.938-1.497-2.041-2.19-4.811-2.19H15.94m40 0H45.795c-2.77 0-3.873.693-4.81 2.19"/><path id="SVGmlRdLbzl" d="M41.228 31.935s11.787.347 10.063-3.82m-10.513-.606s6.47.19 5.523-2.097M40.723 35.65s14.27 2.305 12.633-3.03M40.45 38.95s13.222 6.895 13.31-.325m-14.075 3.063s16.339 14.446 13.355 3.346"/><path id="SVG68ESZ6HC" d="M39.685 41.688S49.5 64.935 52.003 52.173M30.29 31.935s-11.787.347-10.063-3.82m10.513-.606s-6.47.19-5.524-2.097m5.578 10.391s-14.27 2.305-12.633-3.028m12.907 6.175s-13.222 6.895-13.31-.325m14.075 3.063s-16.34 14.446-13.355 3.346"/><path id="SVGHYHReeKe" d="M31.833 41.688s-9.815 23.247-12.319 10.485"/><path id="SVG6EhxpbeQ" d="m36.539 24.826l-.724 19.163l-.874-19.163z"/></defs><rect width="50" height="50" x="11" y="11" fill="#1e50a0" rx="1.923" ry="1.923"/><path fill="#92d3f5" d="M36.053 61c5.608.081 11.973.174 17.098-3.984c7.082-5.746 6.927-15.658 6.805-23.408c-.083-5.292-.24-10.416-4.087-13.69a12.83 12.83 0 0 0-8.521-2.701C43.323 19.9 39.875 21.754 36 21.746h.044c-3.875.008-7.323-1.846-11.348-4.53a12.83 12.83 0 0 0-8.521 2.702c-3.847 3.274-4.004 8.398-4.087 13.69c-.122 7.75-.277 17.662 6.805 23.408c5.125 4.158 11.49 4.066 17.098 3.984z"/><path fill="none" stroke="#61b2e4" stroke-miterlimit="10" stroke-width="2" d="M36.053 61c5.608.081 11.973.174 17.098-3.984c7.082-5.746 6.927-15.658 6.805-23.408c-.083-5.292-.24-10.416-4.087-13.69a12.83 12.83 0 0 0-8.521-2.701C43.323 19.9 39.875 21.754 36 21.746h.044c-3.875.008-7.323-1.846-11.348-4.53a12.83 12.83 0 0 0-8.521 2.702c-3.847 3.274-4.004 8.398-4.087 13.69c-.122 7.75-.277 17.662 6.805 23.408c5.125 4.158 11.49 4.066 17.098 3.984z"/><path fill="#61b2e4" d="M19.019 34.696c0 9.268 2.901 16.78 6.48 16.78s6.481-7.512 6.481-16.78c0-.434-.018-.97-.043-1.498c-.092-1.932-.843-3.816-2.253-5.141c-4.62-4.34-10.399 1.273-10.579 3.886a12 12 0 0 0-.086 2.753m33.875-2.753c-.18-2.613-5.959-8.227-10.578-3.886c-1.41 1.325-2.161 3.21-2.253 5.141a33 33 0 0 0-.044 1.498c0 9.268 2.902 16.78 6.481 16.78s6.481-7.512 6.481-16.78c.077-.918.048-1.842-.087-2.753"/><path d="M15 12.958a2 2 0 1 1-4 0a2 2 0 0 1 4 0m46 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0M15 59a2 2 0 1 1-4 0a2 2 0 0 1 4 0m46 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><rect width="50" height="50" x="11" y="11" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" rx="1.923" ry="1.923"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><use href="#SVGp8tmEdJl" stroke-linejoin="round"/><use href="#SVGmlRdLbzl" stroke-miterlimit="10"/><use href="#SVG68ESZ6HC" stroke-miterlimit="10"/><use href="#SVGHYHReeKe" stroke-miterlimit="10"/><use href="#SVG6EhxpbeQ" stroke-linejoin="round"/></g><g fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"><use href="#SVGp8tmEdJl" stroke-linejoin="round"/><use href="#SVGmlRdLbzl" stroke-miterlimit="10"/><use href="#SVG68ESZ6HC" stroke-miterlimit="10"/><use href="#SVGHYHReeKe" stroke-miterlimit="10"/><use href="#SVG6EhxpbeQ" stroke-linejoin="round"/></g></svg>How to use the X Ray icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:x-ray" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:x-ray" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:x-ray" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--x-ray]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:x-ray"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:x-ray"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/x-ray.svg" alt="X Ray icon" width="24" height="24">X Ray icon in other icon sets
X Ray icon FAQ
Is the X Ray icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the X Ray icon in React?
Install @iconify/react and render <Icon icon="openmoji:x-ray" />, or use “Copy code” on this page to get a standalone React component.
How do I add the X Ray icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/x-ray.svg" alt="X Ray icon">, or paste the SVG code inline to style it with CSS.