X Ray アイコン

Q: X Ray アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:x-ray

X Ray アイコン(openmoji:x-ray)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 物
タグ: xray

SVG をダウンロード

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>

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 コンポーネント

<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 画像

<img src="https://iconyz.com/api/public/svg/openmoji/x-ray.svg" alt="X Ray アイコン" width="24" height="24">

他のアイコンセットの X Ray アイコン

X Ray アイコンのよくある質問

X Ray アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で X Ray アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:x-ray" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

X Ray アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/x-ray.svg" alt="X Ray アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコンをすべて見る →