Иконка Celsius

wi:celsius

Иконка Celsius (wi:celsius) — бесплатная SVG-иконка из набора Weather Icons от Erik Flowers. Она нарисована на сетке 30 × 30. Weather Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Weather Icons
Автор: Erik Flowers
Лицензия: OFL-1.1
Размер: 30 × 30

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M9.75 10.98c0-.5.18-.93.53-1.28c.36-.36.78-.53 1.28-.53c.49 0 .92.18 1.27.53c.35.36.53.78.53 1.28s-.18.93-.53 1.28c-.35.36-.78.53-1.27.53c-.5 0-.93-.18-1.28-.53s-.53-.78-.53-1.28m.88 0c0 .26.09.48.27.67c.19.19.41.28.67.28s.48-.09.67-.28s.28-.41.28-.67s-.09-.48-.28-.67s-.41-.28-.67-.28s-.48.09-.67.28a.92.92 0 0 0-.27.67m3.89 4.42c0 .77.21 1.45.64 2.05q.33.465.93.75c.39.18.84.28 1.34.28c1.46 0 2.38-.56 2.75-1.67c.04-.14.02-.28-.06-.41a.5.5 0 0 0-.33-.23a.44.44 0 0 0-.4.07c-.12.08-.2.19-.23.34c0 .01 0 .02-.01.05l-.02.07q-.165.285-.45.45c-.31.19-.72.28-1.23.28c-.31 0-.59-.05-.83-.16c-.4-.17-.68-.47-.85-.89c-.11-.27-.17-.6-.17-.97v-3.22q0-.225.03-.45c.04-.38.19-.73.45-1.04c.29-.35.75-.52 1.38-.52q.78 0 1.23.27q.3.18.45.45c.01.02.01.05.02.08s.01.05.01.06c.04.14.12.24.23.3c.12.07.25.08.4.05c.14-.03.25-.11.33-.23s.1-.25.06-.4v-.01l-.08-.23c-.05-.11-.14-.26-.28-.43c-.13-.18-.29-.32-.45-.44c-.21-.15-.48-.27-.82-.38q-.51-.15-1.11-.15c-.51 0-.95.09-1.35.27c-.39.18-.7.42-.91.73c-.43.59-.65 1.28-.65 2.07v3.21z"/></svg>

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

React

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

<Icon icon="wi:celsius" width="24" />

Vue

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

<template>
  <Icon icon="wi:celsius" width="24" />
</template>

Svelte

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

<Icon icon="wi:celsius" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--celsius]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:celsius"></div>

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

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

<iconify-icon icon="wi:celsius"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/wi/celsius.svg" alt="Иконка Celsius" width="24" height="24">

Иконка Celsius в других наборах

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

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

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

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

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

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

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

Все Weather Icons →