X Ray アイコン
fluent-emoji:x-ray
X Ray アイコン(fluent-emoji:x-ray)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- xray
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><rect width="28.021" height="27.923" x="1.979" y="1.987" fill="url(#ibdv1LC)" rx="3.6"/><rect width="28.021" height="27.923" x="1.979" y="1.987" fill="url(#iFVH4cX)" rx="3.6"/><rect width="28.021" height="27.923" x="1.979" y="1.987" fill="url(#iQ6uSaD)" rx="3.6"/><path fill="url(#iN19AZL)" fill-rule="evenodd" d="M13.583 23.406c0-.58.47-1.05 1.05-1.05h2.844a1.05 1.05 0 1 1 0 2.1h-2.844c-.58 0-1.05-.47-1.05-1.05" clip-rule="evenodd"/><path fill="url(#iUpWlge)" fill-rule="evenodd" d="M13.583 26.202c0-.58.47-1.05 1.05-1.05h2.844a1.05 1.05 0 1 1 0 2.1h-2.844c-.58 0-1.05-.47-1.05-1.05" clip-rule="evenodd"/><path fill="url(#iZAcidb)" fill-rule="evenodd" d="M13.583 26.202c0-.58.47-1.05 1.05-1.05h2.844a1.05 1.05 0 1 1 0 2.1h-2.844c-.58 0-1.05-.47-1.05-1.05" clip-rule="evenodd"/><g filter="url(#iUQSM9c)"><path fill="url(#ion1Jwe)" d="M11 16.491c-.781 0-2.928-.581-3.703-2.531c-.969-2.437.066-6.074 2.094-8.102c1.837-1.837 3.765-2.752 6.578-2.788h.172c2.812.036 4.74.95 6.578 2.788c2.027 2.028 3.062 5.665 2.093 8.102c-.775 1.95-2.922 2.531-3.703 2.531h-.137a.5.5 0 0 0-.5.5v2.865a1.205 1.205 0 1 1-2.41 0v-1.483a.393.393 0 1 0-.787 0v1.483a1.205 1.205 0 1 1-2.41 0v-1.483a.393.393 0 1 0-.787 0v1.483a1.205 1.205 0 1 1-2.41 0v-2.865a.5.5 0 0 0-.5-.5z"/></g><g filter="url(#itfgHBp)"><path fill="#4E9BF9" d="M16.059 13.97c-.353-.024-1.02.22-1.02 1.136v.443c0 .22.18.4.4.4h1.24a.4.4 0 0 0 .4-.4v-.443c0-.916-.668-1.16-1.02-1.136"/><path fill="url(#iUpedKx)" d="M16.059 13.97c-.353-.024-1.02.22-1.02 1.136v.443c0 .22.18.4.4.4h1.24a.4.4 0 0 0 .4-.4v-.443c0-.916-.668-1.16-1.02-1.136"/><path fill="url(#iDhWr7a)" d="M16.059 13.97c-.353-.024-1.02.22-1.02 1.136v.443c0 .22.18.4.4.4h1.24a.4.4 0 0 0 .4-.4v-.443c0-.916-.668-1.16-1.02-1.136"/></g><g filter="url(#iq7h5Ne)"><path fill="url(#iZXN16b)" d="M20.644 9.67h.02c2.338.025 2.873 2.176 2.873 3.034c0 .441-.123.85-.772 1.229c-.873.442-1.721.431-2.12.426c-.4.005-1.249.016-2.122-.426c-.648-.38-.771-.787-.771-1.229c0-.858.535-3.01 2.873-3.033z"/></g><g filter="url(#i7EgoIc)"><path fill="url(#irlwhhc)" d="M11.473 9.67h-.02c-2.338.025-2.873 2.176-2.873 3.034c0 .441.123.85.772 1.229c.873.442 1.721.431 2.12.426c.4.005 1.249.016 2.122-.426c.648-.38.771-.787.771-1.229c0-.858-.535-3.01-2.873-3.033z"/></g><path fill="url(#iHcqLDe)" d="M5.332 29.893a3.6 3.6 0 0 1-2.043-.922q.036-.05.079-.097c.767-.833 2.747-2.51 5.75-2.51c3.167 0 5.074 1.756 6.014 2.712c.226.23.325.539.296.837h-2.47c-.85-.72-2.078-1.45-3.84-1.45c-1.768 0-3.062.803-3.786 1.43"/><path fill="url(#iwzMzwe)" d="M18.902 29.913h-2.165a1.05 1.05 0 0 1 .225-1.039c.767-.833 2.747-2.51 5.749-2.51c3.16 0 5.065 1.746 6.007 2.704a3.6 3.6 0 0 1-2.17.842c-.85-.718-2.076-1.447-3.837-1.447c-1.786 0-3.089.82-3.81 1.45"/><g filter="url(#i3f5Qle)"><rect width="1.656" height="21.555" x="26.844" y="4.858" fill="#43394F" rx=".828"/></g><g filter="url(#ibyFyab)"><path stroke="url(#iot0tAe)" stroke-linecap="round" stroke-width=".25" d="M9.352 11.411c-.121.19-.318.644-.361 1.218c-.03.392.153.773.502.955c.365.19.924.374 1.702.385"/></g><g filter="url(#i6iv2sY)"><path stroke="url(#iJ2EPNc)" stroke-linecap="round" stroke-width=".25" d="M18.66 11.411c-.12.19-.317.644-.36 1.218c-.03.392.152.773.501.955c.365.19.924.374 1.703.385"/></g><defs><radialGradient id="ibdv1LC" cx="0" cy="0" r="1" gradientTransform="scale(14.5201 14.4695)rotate(90 0 1.102)" gradientUnits="userSpaceOnUse"><stop offset=".711" stop-color="#49345F"/><stop offset="1" stop-color="#342A3F"/></radialGradient><radialGradient id="iN19AZL" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.0625 -2.20965 0 15.688 22.671)" gradientUnits="userSpaceOnUse"><stop stop-color="#C3EBFF"/><stop offset=".65" stop-color="#A9D9FF"/><stop offset="1" stop-color="#89C4FE"/></radialGradient><radialGradient id="iZAcidb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -3.64375 1.69537 0 16.055 27.252)" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#BFEBFF"/><stop offset="1" stop-color="#BFEBFF" stop-opacity="0"/></radialGradient><radialGradient id="ion1Jwe" cx="0" cy="0" r="1" gradientTransform="matrix(0 9.64062 -9.77848 0 16.055 11.42)" gradientUnits="userSpaceOnUse"><stop offset=".543" stop-color="#C6EAFF"/><stop offset="1" stop-color="#93C5FF"/></radialGradient><radialGradient id="iDhWr7a" cx="0" cy="0" r="1" gradientTransform="matrix(0 -.53125 .41406 0 15.469 15.421)" gradientUnits="userSpaceOnUse"><stop offset=".043" stop-color="#5FB7FF"/><stop offset="1" stop-color="#5FB7FF" stop-opacity="0"/></radialGradient><radialGradient id="iZXN16b" cx="0" cy="0" r="1" gradientTransform="rotate(-147.943 13.516 3.462)scale(5.38282 5.86567)" gradientUnits="userSpaceOnUse"><stop stop-color="#4A9CFB"/><stop offset=".786" stop-color="#4487E1"/></radialGradient><radialGradient id="irlwhhc" cx="0" cy="0" r="1" gradientTransform="matrix(4.56203 -2.85703 3.11331 4.97125 8.984 13.57)" gradientUnits="userSpaceOnUse"><stop stop-color="#4A9CFB"/><stop offset=".786" stop-color="#4487E1"/></radialGradient><radialGradient id="iHcqLDe" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.11719 -6.07197 0 9.36 26.796)" gradientUnits="userSpaceOnUse"><stop offset=".301" stop-color="#B4E1FF"/><stop offset="1" stop-color="#8BBFFF"/></radialGradient><radialGradient id="iwzMzwe" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.11719 -6.01673 0 22.701 26.796)" gradientUnits="userSpaceOnUse"><stop offset=".301" stop-color="#B4E1FF"/><stop offset="1" stop-color="#8BBFFF"/></radialGradient><radialGradient id="iot0tAe" cx="0" cy="0" r="1" gradientTransform="matrix(1.3594 -1.45156 1.25602 1.17627 9.145 13.415)" gradientUnits="userSpaceOnUse"><stop offset=".455" stop-color="#64BCFF"/><stop offset="1" stop-color="#64BCFF" stop-opacity="0"/></radialGradient><radialGradient id="iJ2EPNc" cx="0" cy="0" r="1" gradientTransform="matrix(1.3594 -1.45156 1.25602 1.17627 18.453 13.416)" gradientUnits="userSpaceOnUse"><stop offset=".455" stop-color="#64BCFF"/><stop offset="1" stop-color="#64BCFF" stop-opacity="0"/></radialGradient><filter id="iUQSM9c" width="19.049" height="17.992" x="6.53" y="3.069" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.541176 0 0 0 0 0.756863 0 0 0 0 0.972549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_4791_987"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.694118 0 0 0 0 0.890196 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_4791_987" result="effect2_innerShadow_4791_987"/></filter><filter id="itfgHBp" width="2.539" height="2.18" x="14.539" y="13.969" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5" dy=".2"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.12549 0 0 0 0 0.337255 0 0 0 0 0.792157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_4791_987"/></filter><filter id="iq7h5Ne" width="6.685" height="5.189" x="17.252" y="9.421" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy="-.25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.180392 0 0 0 0 0.596078 0 0 0 0 0.941176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_4791_987"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5" dy=".25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.117647 0 0 0 0 0.32549 0 0 0 0 0.741176 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_4791_987" result="effect2_innerShadow_4791_987"/></filter><filter id="i7EgoIc" width="6.685" height="5.189" x="8.08" y="9.421" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy="-.25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.180392 0 0 0 0 0.596078 0 0 0 0 0.941176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_4791_987"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5" dy=".25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.117647 0 0 0 0 0.32549 0 0 0 0 0.741176 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_4791_987" result="effect2_innerShadow_4791_987"/></filter><filter id="i3f5Qle" width="5.656" height="25.555" x="24.844" y="2.858" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_4791_987" stdDeviation="1"/></filter><filter id="ibyFyab" width="3.257" height="3.607" x="8.463" y="10.886" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_4791_987" stdDeviation=".2"/></filter><filter id="i6iv2sY" width="3.257" height="3.607" x="17.771" y="10.886" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_4791_987" stdDeviation=".2"/></filter><linearGradient id="iFVH4cX" x1="1.979" x2="4.97" y1="16.355" y2="16.355" gradientUnits="userSpaceOnUse"><stop stop-color="#140C1E"/><stop offset="1" stop-color="#140C1E" stop-opacity="0"/></linearGradient><linearGradient id="iQ6uSaD" x1="30" x2="27.079" y1="16.355" y2="16.355" gradientUnits="userSpaceOnUse"><stop stop-color="#140C1E"/><stop offset="1" stop-color="#140C1E" stop-opacity="0"/></linearGradient><linearGradient id="iUpWlge" x1="13.583" x2="18.526" y1="26.202" y2="26.202" gradientUnits="userSpaceOnUse"><stop stop-color="#9AD8FF"/><stop offset="1" stop-color="#89C4FE"/></linearGradient><linearGradient id="iUpedKx" x1="16.625" x2="16.625" y1="15.948" y2="15.359" gradientUnits="userSpaceOnUse"><stop stop-color="#2E94EE"/><stop offset="1" stop-color="#2E94EE" stop-opacity="0"/></linearGradient></defs></g></svg>X Ray アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:x-ray" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:x-ray" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:x-ray" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--x-ray]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:x-ray"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:x-ray"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/x-ray.svg" alt="X Ray アイコン" width="24" height="24">他のアイコンセットの X Ray アイコン
X Ray アイコン のよくある質問
X Ray アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で X Ray アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:x-ray" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
X Ray アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/x-ray.svg" alt="X Ray アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。