Magnifying Glass Tilted Left アイコン
fluent-emoji:magnifying-glass-tilted-left
Magnifying Glass Tilted Left アイコン(fluent-emoji:magnifying-glass-tilted-left)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- magnifyingglass、glasstilted、tiltedleft、magnifyingglasstiltedleft
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#ivZBUCc)"><rect width="7.513" height="12.209" x="17.414" y="22.867" fill="url(#imKxyMd)" rx="3.757" transform="rotate(-45 17.414 22.867)"/><rect width="7.513" height="12.209" x="17.414" y="22.867" fill="url(#ioxN0Ec)" rx="3.757" transform="rotate(-45 17.414 22.867)"/><rect width="7.513" height="12.209" x="17.414" y="22.867" fill="url(#iYTszOh)" rx="3.757" transform="rotate(-45 17.414 22.867)"/></g><rect width="7.513" height="12.209" x="17.414" y="22.867" fill="url(#i4K6exe)" rx="3.757" transform="rotate(-45 17.414 22.867)"/><path fill="url(#iFvAcwb)" fill-rule="evenodd" d="M12.906 23.797c5.972 0 10.813-4.841 10.813-10.813c0-5.971-4.841-10.812-10.813-10.812c-5.971 0-10.812 4.84-10.812 10.812s4.84 10.813 10.812 10.813m0-1.75a9.063 9.063 0 1 0 0-18.125a9.063 9.063 0 0 0 0 18.125" clip-rule="evenodd"/><g filter="url(#iFIRr3c)"><path fill="url(#i8Lmwxd)" fill-rule="evenodd" d="M12.906 23.552c5.837 0 10.568-4.731 10.568-10.568S18.743 2.416 12.906 2.416S2.338 7.148 2.338 12.984c0 5.837 4.732 10.568 10.568 10.568m0-1.71a8.858 8.858 0 1 0 0-17.715a8.858 8.858 0 0 0 0 17.715" clip-rule="evenodd"/><path fill="url(#ic3z9Dd)" fill-rule="evenodd" d="M12.906 23.552c5.837 0 10.568-4.731 10.568-10.568S18.743 2.416 12.906 2.416S2.338 7.148 2.338 12.984c0 5.837 4.732 10.568 10.568 10.568m0-1.71a8.858 8.858 0 1 0 0-17.715a8.858 8.858 0 0 0 0 17.715" clip-rule="evenodd"/></g><g filter="url(#i0LXMlb)"><circle cx="12.906" cy="12.984" r="9.295" fill="url(#ic6XREe)"/></g><g filter="url(#ixaM7md)"><circle cx="12.906" cy="12.984" r="9.063" fill="#64D0EA"/></g><ellipse cx="16.99" cy="8.443" fill="url(#ibM6P4c)" rx="1.651" ry="2.033" transform="rotate(-38.896 16.99 8.443)"/><defs><linearGradient id="imKxyMd" x1="18.044" x2="22.375" y1="33.231" y2="24.701" gradientUnits="userSpaceOnUse"><stop stop-color="#A0659C"/><stop offset="1" stop-color="#895792"/></linearGradient><linearGradient id="ioxN0Ec" x1="21.16" x2="21.171" y1="23.398" y2="27.684" gradientUnits="userSpaceOnUse"><stop stop-color="#6C3B74"/><stop offset="1" stop-color="#845590" stop-opacity="0"/></linearGradient><linearGradient id="iYTszOh" x1="25.026" x2="19.878" y1="31.198" y2="31.043" gradientUnits="userSpaceOnUse"><stop offset=".115" stop-color="#703D7A"/><stop offset="1" stop-color="#703D7A" stop-opacity="0"/></linearGradient><linearGradient id="iFvAcwb" x1="12.906" x2="12.906" y1="2.172" y2="23.797" gradientUnits="userSpaceOnUse"><stop offset=".379" stop-color="#344A7D"/><stop offset=".633" stop-color="#785790"/><stop offset=".837" stop-color="#785790"/><stop offset="1" stop-color="#9872A2"/></linearGradient><linearGradient id="i8Lmwxd" x1="12.906" x2="12.906" y1="2.416" y2="23.552" gradientUnits="userSpaceOnUse"><stop stop-color="#475890"/><stop offset="1" stop-color="#7A4D87"/></linearGradient><linearGradient id="ic6XREe" x1="12.906" x2="12.906" y1="3.689" y2="22.279" gradientUnits="userSpaceOnUse"><stop stop-color="#204083"/><stop offset="1" stop-color="#523573"/></linearGradient><linearGradient id="ibM6P4c" x1="16.99" x2="16.99" y1="6.409" y2="10.476" gradientUnits="userSpaceOnUse"><stop stop-color="#DCDBF2"/><stop offset=".209" stop-color="#DCDBF2" stop-opacity=".848"/><stop offset="1" stop-color="#DCDBF2" stop-opacity="0"/></linearGradient><filter id="ivZBUCc" width="11.833" height="12.083" x="17.97" y="18.861" 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="-1" dy="1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.4 0 0 0 0 0.239216 0 0 0 0 0.439216 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20461"/><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 dy="-.25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.639216 0 0 0 0 0.490196 0 0 0 0 0.643137 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_20461" result="effect2_innerShadow_18_20461"/><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 dy="1"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.333333 0 0 0 0 0.27451 0 0 0 0 0.380392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_20461" result="effect3_innerShadow_18_20461"/></filter><filter id="iFIRr3c" width="21.736" height="21.736" x="2.038" y="2.116" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20461" stdDeviation=".15"/></filter><filter id="i0LXMlb" width="18.99" height="18.99" x="3.411" y="3.489" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20461" stdDeviation=".1"/></filter><filter id="ixaM7md" width="18.125" height="19.275" x="3.844" y="3.772" 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 dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.168627 0 0 0 0 0.603922 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20461"/><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 dy="-.15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.137255 0 0 0 0 0.607843 0 0 0 0 0.984314 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_20461" result="effect2_innerShadow_18_20461"/></filter><radialGradient id="i4K6exe" cx="0" cy="0" r="1" gradientTransform="rotate(92.442 -.259 21.504)scale(2.33336 5.42286)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F1A3D"/><stop offset="1" stop-color="#532D64" stop-opacity="0"/></radialGradient><radialGradient id="ic3z9Dd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -5.125 9.53123 0 12.906 7.406)" gradientUnits="userSpaceOnUse"><stop offset=".704" stop-color="#566298"/><stop offset=".787" stop-color="#566298" stop-opacity="0"/></radialGradient></defs></g></svg>Magnifying Glass Tilted Left アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:magnifying-glass-tilted-left" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:magnifying-glass-tilted-left" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:magnifying-glass-tilted-left" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--magnifying-glass-tilted-left]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:magnifying-glass-tilted-left"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:magnifying-glass-tilted-left"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/magnifying-glass-tilted-left.svg" alt="Magnifying Glass Tilted Left アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Magnifying Glass Tilted Left アイコン
Magnifying Glass Tilted Left アイコン のよくある質問
Magnifying Glass Tilted Left アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Magnifying Glass Tilted Left アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:magnifying-glass-tilted-left" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Magnifying Glass Tilted Left アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/magnifying-glass-tilted-left.svg" alt="Magnifying Glass Tilted Left アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。