Celsius Bold icon
glyphs:celsius-bold
The Celsius Bold icon (glyphs:celsius-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- celsiusbold
SVG code
<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>How to use the Celsius Bold icon
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>Web component
<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 image
<img src="https://iconyz.com/api/public/svg/glyphs/celsius-bold.svg" alt="Celsius Bold icon" width="24" height="24">Related icons in Glyphs
Celsius Bold icon FAQ
Is the Celsius Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Celsius Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:celsius-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Celsius Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/celsius-bold.svg" alt="Celsius Bold icon">, or paste the SVG code inline to style it with CSS.