Flashlight アイコン
fluent-emoji:flashlight
Flashlight アイコン(fluent-emoji:flashlight)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iQd5hmc)" d="M15.767 16.118c-3.003 3.003-6.481 4.394-7.768 3.106c-1.288-1.287-.526-4.135 2.935-7.595c3.578-3.579 6.26-4.303 7.548-3.016c1.287 1.288.287 4.503-2.715 7.505"/><path fill="url(#ifnhGQc)" d="M8.17 19.004L18.45 8.723l1.047 1.047A7.27 7.27 0 1 1 9.216 20.05z"/><path fill="url(#iDUFlAe)" d="M8.17 19.004L18.45 8.723l1.047 1.047A7.27 7.27 0 1 1 9.216 20.05z"/><g filter="url(#iCasXtL)"><path fill="url(#iReQjZd)" d="m15.59 21.959l-.104.135a.8.8 0 0 1 .425.12l6.739 6.74a4.116 4.116 0 0 0 5.82-5.821l-6.8-6.8c-.103-.1-.12-.245-.122-.333z"/></g><path fill="url(#iD0cMxc)" d="m15.59 21.959l-.104.135a.8.8 0 0 1 .425.12l6.739 6.74a4.116 4.116 0 0 0 5.82-5.821l-6.8-6.8c-.103-.1-.12-.245-.122-.333z"/><path fill="url(#ihEx1Vc)" d="m15.59 21.959l-.104.135a.8.8 0 0 1 .425.12l6.739 6.74a4.116 4.116 0 0 0 5.82-5.821l-6.8-6.8c-.103-.1-.12-.245-.122-.333z"/><path fill="url(#idT5wec)" d="m15.59 21.959l-.104.135a.8.8 0 0 1 .425.12l6.739 6.74a4.116 4.116 0 0 0 5.82-5.821l-6.8-6.8c-.103-.1-.12-.245-.122-.333z"/><g filter="url(#i3Oe1De)"><rect width="3.327" height="1.666" x="19.609" y="19.015" fill="#EEE6F6" rx=".833" transform="rotate(44.98 19.609 19.015)"/></g><rect width="1.58" height="5.578" x="12.909" y="2.332" fill="url(#iiUdHKc)" rx=".79"/><rect width="1.58" height="5.578" x="7.32" y="13.498" fill="url(#iupWisd)" rx=".79" transform="rotate(90 7.32 13.498)"/><g filter="url(#i2r3cxc)"><path fill="url(#i6zpuod)" d="M7.225 19.092a.9.9 0 0 1 0-1.273l9.993-9.993a.9.9 0 0 1 1.273 0l.813.813a.9.9 0 0 1 0 1.273l-9.993 9.993a.9.9 0 0 1-1.272 0z"/></g><rect width="1.58" height="5.953" x="9.625" y="8.723" fill="url(#iVg4Izc)" rx=".79" transform="rotate(135 9.625 8.723)"/><g filter="url(#ixg1XYc)"><path fill="url(#iU3JHxc)" d="M17.843 8.002h1.84v7.051h-1.84z" transform="rotate(45 17.843 8.002)"/></g><g filter="url(#iWRQ7sb)"><rect width=".564" height="4.446" x="13.699" y="2.731" fill="url(#iQBoDbc)" rx=".282"/></g><g filter="url(#iuMHNxb)"><rect width=".564" height="4.446" x="2.308" y="14.289" fill="url(#iGmSGPe)" rx=".282" transform="rotate(-90 2.308 14.29)"/></g><g filter="url(#ijkkgId)"><rect width=".564" height="4.755" x="5.191" y="5.352" fill="url(#iMuMKMc)" rx=".282" transform="rotate(-45 5.19 5.352)"/></g><defs><linearGradient id="iReQjZd" x1="25.013" x2="20.169" y1="21.348" y2="26.098" gradientUnits="userSpaceOnUse"><stop stop-color="#E7E6E9"/><stop offset=".898" stop-color="#B6A9C3"/></linearGradient><linearGradient id="ihEx1Vc" x1="28.607" x2="25.7" y1="29.254" y2="26.504" gradientUnits="userSpaceOnUse"><stop stop-color="#BCB1C8"/><stop offset="1" stop-color="#CAC1D4" stop-opacity="0"/></linearGradient><linearGradient id="idT5wec" x1="15.794" x2="16.607" y1="21.473" y2="22.035" gradientUnits="userSpaceOnUse"><stop offset=".254" stop-color="#B8AAC3"/><stop offset="1" stop-color="#BBACC9" stop-opacity="0"/></linearGradient><linearGradient id="iiUdHKc" x1="13.699" x2="13.699" y1="2.332" y2="7.91" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC327"/><stop offset="1" stop-color="#FEB813"/></linearGradient><linearGradient id="iupWisd" x1="8.11" x2="8.11" y1="13.498" y2="19.076" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC327"/><stop offset="1" stop-color="#FEB813"/></linearGradient><linearGradient id="i6zpuod" x1="18.607" x2="12.294" y1="8.223" y2="14.973" gradientUnits="userSpaceOnUse"><stop stop-color="#584965"/><stop offset="1" stop-color="#3E3448"/></linearGradient><linearGradient id="iVg4Izc" x1="10.415" x2="10.415" y1="8.723" y2="14.676" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC327"/><stop offset="1" stop-color="#FEB813"/></linearGradient><linearGradient id="iU3JHxc" x1="18.76" x2="18.764" y1="7.386" y2="15.054" gradientUnits="userSpaceOnUse"><stop stop-color="#6B6374" stop-opacity="0"/><stop offset=".421" stop-color="#6B6374"/><stop offset=".604" stop-color="#6B6374"/><stop offset="1" stop-color="#6B6374" stop-opacity="0"/></linearGradient><linearGradient id="iQBoDbc" x1="13.981" x2="13.981" y1="2.731" y2="8.891" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD956"/><stop offset="1" stop-color="#FFD956" stop-opacity="0"/></linearGradient><linearGradient id="iGmSGPe" x1="2.59" x2="2.59" y1="15.244" y2="19.306" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC538"/><stop offset="1" stop-color="#FFC538" stop-opacity="0"/></linearGradient><linearGradient id="iMuMKMc" x1="5.472" x2="5.472" y1="5.352" y2="11.94" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD956"/><stop offset="1" stop-color="#FFD956" stop-opacity="0"/></linearGradient><filter id="iCasXtL" width="14.34" height="14.309" x="15.335" y="16" 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="-.15" dy=".15"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.878431 0 0 0 0 0.878431 0 0 0 0 0.878431 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20541"/></filter><filter id="i3Oe1De" width="3.841" height="3.84" x="18.176" y="19.11" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><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=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.686275 0 0 0 0 0.768627 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_20541"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_20541" 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/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.854902 0 0 0 0 0.815686 0 0 0 0 0.894118 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_20541"/><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=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.980392 0 0 0 0 0.956863 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_20541" result="effect3_innerShadow_18_20541"/></filter><filter id="i2r3cxc" width="12.606" height="12.606" x="6.962" y="7.562" 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/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.388235 0 0 0 0 0.345098 0 0 0 0 0.423529 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20541"/></filter><filter id="ixg1XYc" width="6.887" height="6.887" x="12.557" y="7.702" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20541" stdDeviation=".15"/></filter><filter id="iWRQ7sb" width="1.364" height="5.246" x="13.299" y="2.331" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20541" stdDeviation=".2"/></filter><filter id="iuMHNxb" width="5.246" height="1.364" x="1.908" y="13.326" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20541" stdDeviation=".2"/></filter><filter id="ijkkgId" width="4.527" height="4.527" x="4.807" y="4.57" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20541" stdDeviation=".25"/></filter><radialGradient id="iQd5hmc" cx="0" cy="0" r="1" gradientTransform="rotate(135 5.18 8.061)scale(7.6014 1.54181)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC44B"/><stop offset="1" stop-color="#E9B12F"/></radialGradient><radialGradient id="ifnhGQc" cx="0" cy="0" r="1" gradientTransform="rotate(45 -6.354 26.603)scale(10.8497 9.21449)" gradientUnits="userSpaceOnUse"><stop offset=".253" stop-color="#E7E4E9"/><stop offset="1" stop-color="#B8A9C7"/></radialGradient><radialGradient id="iDUFlAe" cx="0" cy="0" r="1" gradientTransform="rotate(-8.455 117.088 -68.37)scale(10.4144)" gradientUnits="userSpaceOnUse"><stop offset=".847" stop-color="#DEDDDF" stop-opacity="0"/><stop offset="1" stop-color="#DEDDDF"/></radialGradient><radialGradient id="iD0cMxc" cx="0" cy="0" r="1" gradientTransform="matrix(.48437 .5 -1.79219 1.73618 20.45 16.973)" gradientUnits="userSpaceOnUse"><stop offset=".253" stop-color="#E6E2E9"/><stop offset="1" stop-color="#E6E2E9" stop-opacity="0"/></radialGradient></defs></g></svg>Flashlight アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:flashlight" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:flashlight" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:flashlight" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--flashlight]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:flashlight"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:flashlight"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/flashlight.svg" alt="Flashlight アイコン" width="24" height="24">他のアイコンセットの Flashlight アイコン
Flashlight アイコン のよくある質問
Flashlight アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Flashlight アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:flashlight" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Flashlight アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/flashlight.svg" alt="Flashlight アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。