Icône X Ray
openmoji:x-ray
L'icône X Ray (openmoji:x-ray) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- OpenMoji
- Auteur
- OpenMoji
- Licence
- CC-BY-SA-4.0
- Taille
- 72 × 72
- Catégorie
- Objets
- Mots-clés
- xray
Code SVG
<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>Comment utiliser l'icône X Ray
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>Image HTML
<img src="https://iconyz.com/api/public/svg/openmoji/x-ray.svg" alt="Icône X Ray" width="24" height="24">L'icône X Ray dans d'autres collections
FAQ : Icône X Ray
L'icône X Ray est-elle gratuite pour un usage commercial ?
Oui. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône X Ray dans React ?
Installez @iconify/react et affichez <Icon icon="openmoji:x-ray" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône X Ray à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/x-ray.svg" alt="Icône X Ray">, ou collez le code SVG directement dans la page pour le styliser en CSS.