Celsius Bold アイコン
glyphs:celsius-bold
Celsius Bold アイコン(glyphs:celsius-bold)は、Glyphs セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Celsius Bold アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。