ICONYZ
Русский
Иконка Temperature 48 из набора Energy Icons

Иконка Temperature 48

energy-icons:temperature-48

Иконка Temperature 48 (energy-icons:temperature-48) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Energy Icons
Автор
Sam Passmore
Лицензия
MIT
Размер
48 × 48
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M25.997 9c0-1.148-.853-2-2-2s-2 .852-2 2v19.254a8 8 0 0 1 4 0zm-2 21c-.995 0-1.938.244-2.769.677l-.09.048l-.141.079q-.055.031-.109.064a6 6 0 0 0-.24.152a6 6 0 0 0-1.694 1.727a6 6 0 0 0-.76 1.72l-.026.113a6 6 0 0 0-.093.455q-.024.15-.041.302l-.022.24q-.004.048-.006.097a6 6 0 0 0-.008.452q.001.06.005.12a6 6 0 0 0 .045.537a6 6 0 0 0 .174.846l.03.099q.069.229.156.452l.025.065a6 6 0 0 0 .125.288l.037.076q.04.083.081.163q.03.059.063.116l.064.117a6.02 6.02 0 0 0 3.29 2.685l.122.038l.148.044l.1.027q.23.06.462.103l.081.014l.172.026l.112.015a6 6 0 0 0 .296.028l.13.007a6 6 0 0 0 .56 0l.13-.007a6 6 0 0 0 .297-.028l.111-.015q.087-.012.172-.026l.081-.014q.234-.043.462-.103l.1-.026a6 6 0 0 0 .271-.084a6 6 0 0 0 2.291-1.398a6 6 0 0 0 1.312-1.912l.056-.132l.034-.09a6 6 0 0 0 .331-1.239l.016-.103a6 6 0 0 0 .052-.6l.002-.058a6 6 0 0 0 0-.233v-.053a6 6 0 0 0-.114-1.043l-.018-.09q-.017-.079-.037-.158l-.027-.112a6 6 0 0 0-.76-1.72a6 6 0 0 0-1.934-1.88l-.108-.064l-.14-.08l-.092-.047A6 6 0 0 0 23.997 30m4-.927l.143.084l.139.087l.184.12l.078.053a8 8 0 0 1 1.753 1.65q.047.06.093.122q.064.082.123.166q.05.07.099.143l.1.15c.438.673.776 1.419.997 2.217l.016.06a8 8 0 0 1 .094.39q.017.08.032.163q.02.1.038.204l.023.146l.031.226l.008.061l.006.075q.012.12.021.242l.008.13q.008.13.01.263l.002.094a8 8 0 0 1-.032.8l-.014.137a8 8 0 0 1-.087.601l-.026.133a8 8 0 0 1-.152.617l-.021.076a8 8 0 0 1-.084.264l-.02.062l-.015.041a8 8 0 0 1-.1.267l-.024.064a8 8 0 0 1-.24.537l-.09.18l-.064.117q-.058.108-.12.214l-.03.053a8 8 0 0 1-1.276 1.627q-.075.073-.152.144l-.106.1a8 8 0 0 1-2.352 1.464l-.098.04l-.234.085l-.097.034a8 8 0 0 1-.76.216l-.046.013l-.074.013a8.1 8.1 0 0 1-2.625.125a8 8 0 0 1-.745-.125l-.072-.013l-.049-.013l-.223-.056q-.082-.02-.164-.044a9 9 0 0 1-.372-.116l-.096-.034l-.235-.086l-.098-.039a8 8 0 0 1-2.351-1.465l-.105-.099q-.067-.06-.132-.123l-.03-.029a8 8 0 0 1-1.07-1.304l-.041-.062a8 8 0 0 1-.155-.253l-.032-.053q-.061-.106-.119-.215l-.063-.117a8 8 0 0 1-.225-.469a8 8 0 0 1-.105-.247l-.025-.064a8 8 0 0 1-.1-.267l-.015-.04l-.02-.063a8 8 0 0 1-.083-.264l-.022-.076a8 8 0 0 1-.151-.617l-.027-.133a8 8 0 0 1-.087-.6l-.014-.138a8 8 0 0 1-.031-.8v-.094a8 8 0 0 1 .011-.264l.008-.13q.009-.12.022-.24l.006-.076l.007-.061q.014-.113.032-.226l.022-.146l.038-.205l.032-.162a8 8 0 0 1 .094-.39l.017-.06c.22-.798.557-1.544.995-2.218q.049-.075.101-.149l.099-.143q.06-.083.123-.166l.092-.123a8 8 0 0 1 1.754-1.649l.077-.054q.09-.06.184-.119l.14-.087q.07-.043.144-.084V9c0-2.252 1.747-4 4-4c2.252 0 4 1.748 4 4zm7-18.073a1 1 0 1 1 0 2h-4a1 1 0 0 1 0-2zm0 6a1 1 0 1 1 0 2h-4a1 1 0 0 1 0-2z"/><path fill="currentColor" d="M34.997 23a1 1 0 1 1 0 2h-4a1 1 0 0 1 0-2z"/></svg>

Как использовать иконку Temperature 48

React

import { Icon } from "@iconify/react";

<Icon icon="energy-icons:temperature-48" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="energy-icons:temperature-48" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="energy-icons:temperature-48" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--temperature-48]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:temperature-48"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="energy-icons:temperature-48"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/energy-icons/temperature-48.svg" alt="Иконка Temperature 48" width="24" height="24">

Похожие иконки в наборе Energy Icons

Иконка temperature-20
temperature-20
 Иконка temperature-20-bold
temperature-20-bold
 Иконка temperature-48-bold
temperature-48-bold

Вопросы и ответы: Иконка Temperature 48

Можно ли бесплатно использовать иконку Temperature 48 в коммерческих проектах?

Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Temperature 48 в React?

Установите @iconify/react и выведите <Icon icon="energy-icons:temperature-48" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Temperature 48 на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/temperature-48.svg" alt="Иконка Temperature 48">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Energy Icons →