Hot アイコン
cryptocurrency:hot
Hot アイコン(cryptocurrency:hot)は、Cryptocurrency Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cryptocurrency Icons
- 作者
- Christopher Downer
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 32C7.163 32 0 24.837 0 16S7.163 0 16 0s16 7.163 16 16s-7.163 16-16 16M7 21.23c-.118.264-.218.5-.327.755c-.182.419-.373.837-.555 1.256c-.027.054-.009.072.037.081c.081.019.163.028.245.037c.228.009.464.018.7.018c.155.01.319.01.483 0c.281-.027.563-.055.845-.1a8.1 8.1 0 0 0 2.365-.71a7 7 0 0 0 1.146-.663c.3-.228.6-.455.882-.7c.182-.164.355-.337.51-.528c.218-.246.418-.51.609-.773c.246-.346.446-.719.61-1.11c.2-.464.345-.946.436-1.437h1.837c.082 0 .127.018.127.11c.01.045.019.1.037.145c.1.473.245.937.455 1.373a7.3 7.3 0 0 0 1.4 2.001c.128.136.273.273.419.391c.227.182.454.364.69.537c.456.318.928.582 1.438.8a8.5 8.5 0 0 0 1.31.437c.372.081.754.145 1.127.2c.273.036.555.063.837.063c.31 0 .628-.018.937-.036c.127-.01.245-.036.373-.064c-.137-.309-.264-.6-.391-.891a54 54 0 0 1-.473-1.091c-.01-.019-.028-.028-.046-.037c-.09-.009-.182-.009-.273-.018l-.718-.055a4.8 4.8 0 0 1-1.137-.245a6 6 0 0 1-1.1-.491a5.3 5.3 0 0 1-1.42-1.146a7 7 0 0 1-.436-.564a4.5 4.5 0 0 1-.537-1.082c-.036-.11-.063-.219-.1-.346h1.328c.146 0 .182-.027.237-.155c.182-.436.373-.864.555-1.291l.263-.6c-.009-.01-.018-.01-.027-.019a2.6 2.6 0 0 0-.837-.136c-.473-.01-.955 0-1.428 0h-.1c.01-.027.01-.064.019-.091q.163-.56.436-1.064c.227-.41.51-.782.837-1.11c.127-.136.282-.254.418-.373q.505-.423 1.092-.709a6.3 6.3 0 0 1 2.683-.628c.054.01.1.01.154 0c.064-.018.155.019.191-.072c.055-.146.118-.282.182-.419c.173-.39.337-.773.5-1.155L26 9.161c-.018-.018-.018-.027-.027-.027c-.21-.036-.419-.082-.628-.09c-.209-.01-.418 0-.636 0c-.146 0-.282.008-.428.017c-.227.019-.455.037-.673.073a8 8 0 0 0-.791.146c-.346.09-.691.2-1.037.318c-.5.182-.973.41-1.428.691a8.3 8.3 0 0 0-1.237.928a6 6 0 0 0-.518.537a10 10 0 0 0-.61.773c-.209.29-.39.609-.536.936q-.273.586-.437 1.228a8 8 0 0 1-.09.437h-1.847a.08.08 0 0 1-.073-.055c-.045-.2-.082-.41-.136-.61a6.3 6.3 0 0 0-.746-1.727a7.8 7.8 0 0 0-1.192-1.474c-.09-.081-.181-.163-.272-.236c-.2-.164-.41-.328-.619-.482a8 8 0 0 0-1.519-.846a9 9 0 0 0-1.182-.41a8.7 8.7 0 0 0-1.928-.281a7 7 0 0 0-1.219.054L6 9.116c.091.21.182.4.264.6c.109.237.209.482.318.728c.091.209.182.41.273.618a.08.08 0 0 0 .055.055c.063.009.127.018.19.018c.264.018.519.027.783.055q.504.068.982.218c.382.127.755.291 1.11.491c.345.191.654.418.936.682q.342.325.628.691c.391.5.673 1.074.837 1.692c.018.064.018.118.036.191h-.118c-.446 0-.882-.009-1.328 0a.2.2 0 0 0-.146.055a.6.6 0 0 0-.081.172l-.555 1.283a14 14 0 0 1-.228.536c.01.01.019.019.037.028c.027 0 .054.009.082.018q.433.098.882.1h1.428c-.01.027-.01.064-.018.09a5 5 0 0 1-.455 1.129c-.228.4-.51.773-.837 1.1a7 7 0 0 1-.482.41a5.5 5.5 0 0 1-1.928.964a6.3 6.3 0 0 1-1.082.19c-.191.01-.392 0-.583 0"/></svg>Hot アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency:hot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency:hot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency:hot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency--hot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency -->
<div class="i-cryptocurrency:hot"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency:hot"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency/hot.svg" alt="Hot アイコン" width="24" height="24">他のアイコンセットの Hot アイコン
Hot アイコン のよくある質問
Hot アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hot アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency:hot" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hot アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency/hot.svg" alt="Hot アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。