Thermometer アイコン
fluent-emoji:thermometer
Thermometer アイコン(fluent-emoji:thermometer)は、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"><g filter="url(#i3oqVDd)"><path fill="url(#iuJvCud)" d="M21.773 16.113L8.863 3.203a4.01 4.01 0 0 0-5.66 0a4.01 4.01 0 0 0 0 5.66l12.91 12.91c-.39 2.18.26 4.5 1.94 6.18a7.007 7.007 0 0 0 9.9 0a7.007 7.007 0 0 0 0-9.9c-1.68-1.68-4-2.32-6.18-1.94"/></g><path fill="url(#irVr6bc)" d="M23.028 27.986a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path fill="url(#ih2EC9L)" d="M23.028 27.986a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path fill="url(#iFTd9id)" d="M4.648 4.606c-.78.78-.78 2.05 0 2.83L18.404 21.14l2.83-2.83L7.478 4.605c-.79-.78-2.05-.78-2.83 0"/><path fill="url(#ivz2Ege)" d="M4.648 4.606c-.78.78-.78 2.05 0 2.83L18.404 21.14l2.83-2.83L7.478 4.605c-.79-.78-2.05-.78-2.83 0"/><path fill="url(#iG6dRHd)" d="M24.615 24.997a2.439 2.439 0 1 0 0-4.877a2.439 2.439 0 0 0 0 4.877"/><g filter="url(#iRQXdxe)"><path stroke="url(#iiDwNAb)" stroke-linecap="round" stroke-width=".75" d="M6.09 3.141c.348-.11 1.293-.081 2.28.906c.988.988 8.995 9.058 12.875 12.97"/></g><path fill="#3D2A5B" d="m16.648 15.226l2.12-2.12l1.41 1.41l-2.12 2.12a.996.996 0 1 1-1.41-1.41m-4.24-4.24l2.12-2.12l1.41 1.41l-2.12 2.12a.996.996 0 1 1-1.41-1.41m-4.24-4.25l2.12-2.12l1.41 1.41l-2.12 2.12a.996.996 0 1 1-1.41-1.41"/><g filter="url(#iAZ5grj)"><path stroke="url(#iyVEEtd)" stroke-linecap="round" stroke-width=".75" d="M23.028 28.833a5.846 5.846 0 0 0 0-11.693"/></g><defs><linearGradient id="iuJvCud" x1="16.673" x2="22.648" y1="22.13" y2="15.746" gradientUnits="userSpaceOnUse"><stop offset=".021" stop-color="#A8D2FF"/><stop offset="1" stop-color="#B1DFFF"/></linearGradient><linearGradient id="iFTd9id" x1="11.009" x2="13.837" y1="13.793" y2="10.964" gradientUnits="userSpaceOnUse"><stop stop-color="#C81871"/><stop offset="1" stop-color="#FF389D"/></linearGradient><linearGradient id="iG6dRHd" x1="23.747" x2="23.747" y1="20.12" y2="24.997" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".733" stop-color="#fff" stop-opacity=".1"/></linearGradient><linearGradient id="iiDwNAb" x1="4.37" x2="10.111" y1="1.391" y2="21.076" gradientUnits="userSpaceOnUse"><stop stop-color="#C8F6FF" stop-opacity="0"/><stop offset=".322" stop-color="#C8F6FF"/></linearGradient><linearGradient id="iyVEEtd" x1="24.722" x2="29.265" y1="22.18" y2="22.179" gradientUnits="userSpaceOnUse"><stop stop-color="#C8F6FF" stop-opacity="0"/><stop offset=".99" stop-color="#C8F6FF"/></linearGradient><radialGradient id="irVr6bc" cx="0" cy="0" r="1" gradientTransform="rotate(157.855 10.637 13.111)scale(7.99354)" gradientUnits="userSpaceOnUse"><stop offset=".552" stop-color="#FF285E"/><stop offset="1" stop-color="#BC2238"/></radialGradient><radialGradient id="ih2EC9L" cx="0" cy="0" r="1" gradientTransform="matrix(1.17463 1.20017 -2.03736 1.99401 19.712 19.355)" gradientUnits="userSpaceOnUse"><stop offset=".406" stop-color="#F12D4A"/><stop offset="1" stop-color="#F12D4A" stop-opacity="0"/></radialGradient><radialGradient id="ivz2Ege" cx="0" cy="0" r="1" gradientTransform="rotate(-175.285 10.784 9.71)scale(4.97069 9.43537)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF3262"/><stop offset="1" stop-color="#FF3262" stop-opacity="0"/></radialGradient><filter id="i3oqVDd" width="27.968" height="27.968" x="2.032" y="2.032" 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=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.643137 0 0 0 0 0.721569 0 0 0 0 0.929412 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_14664"/></filter><filter id="iRQXdxe" width="17.406" height="16.169" x="4.964" y="1.972" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14664" stdDeviation=".375"/></filter><filter id="iAZ5grj" width="8.096" height="13.943" x="21.903" y="16.015" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14664" stdDeviation=".375"/></filter></defs></g></svg>Thermometer アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:thermometer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:thermometer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:thermometer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--thermometer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:thermometer"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:thermometer"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/thermometer.svg" alt="Thermometer アイコン" width="24" height="24">他のアイコンセットの Thermometer アイコン
Thermometer アイコン のよくある質問
Thermometer アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Thermometer アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:thermometer" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Thermometer アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/thermometer.svg" alt="Thermometer アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。