Иконка Celsius Bold
glyphs:celsius-bold
Иконка Celsius Bold (glyphs:celsius-bold) — бесплатная SVG-иконка из набора Glyphs от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Glyphs
- Автор
- Goran Spasojevic
- Лицензия
- MIT
- Размер
- 80 × 80
- Теги
- celsiusbold
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" d="M36 38.954h-3zm28.28 20.843a3 3 0 0 0-2.56-5.427zm-2.433-2.17l-1.28-2.714zm-.126-31.997a3 3 0 0 0 2.558-5.427zm.126-3.257l1.28-2.713zm-10.53-1.495l.473 2.963zm0 38.244l-.474 2.962zM39.893 52.34l-2.368 1.841zm0-24.68l2.368 1.842zM33 38.954v2.092h6v-2.092zM61.72 54.37l-1.152.543l2.558 5.427l1.153-.543zm2.56-34.167l-1.154-.543l-2.558 5.427l1.153.543zm-12.49 3.638a15.03 15.03 0 0 1 8.778 1.246l2.558-5.427a21.03 21.03 0 0 0-12.283-1.744zm-.947 38.243c4.177.667 8.457.06 12.283-1.744l-2.558-5.427a15.03 15.03 0 0 1-8.778 1.246zm-13.317-7.903c3.265 4.198 8.045 7.06 13.317 7.903l.947-5.925c-3.75-.599-7.183-2.647-9.528-5.661zM33 41.047c0 4.751 1.62 9.4 4.526 13.136l4.736-3.684C40.164 47.8 39 44.444 39 41.046zm9.262-11.544c2.345-3.014 5.779-5.062 9.528-5.661l-.947-5.925c-5.272.842-10.052 3.705-13.317 7.902zM39 38.954c0-3.398 1.164-6.755 3.262-9.452l-4.736-3.684C34.62 29.554 33 34.203 33 38.954z"/><rect width="14" height="14" x="16" y="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" rx="7"/></g></svg>Как использовать иконку Celsius Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:celsius-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:celsius-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:celsius-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--celsius-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:celsius-bold"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:celsius-bold"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/glyphs/celsius-bold.svg" alt="Иконка Celsius Bold" width="24" height="24">Похожие иконки в наборе Glyphs
Вопросы и ответы: Иконка Celsius Bold
Можно ли бесплатно использовать иконку Celsius Bold в коммерческих проектах?
Да. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Celsius Bold в React?
Установите @iconify/react и выведите <Icon icon="glyphs:celsius-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Celsius Bold на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/glyphs/celsius-bold.svg" alt="Иконка Celsius Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.