Hot アイコン
cryptocurrency-color:hot
Hot アイコン(cryptocurrency-color:hot)は、Cryptocurrency Color Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cryptocurrency Color 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"><g fill="none"><circle cx="16" cy="16" r="16" fill="#8834FF"/><path fill="#FFF" d="M7 21.23c.191 0 .392.01.583 0c.363-.027.727-.1 1.082-.19a5.5 5.5 0 0 0 1.928-.965q.248-.19.482-.409c.327-.327.61-.7.837-1.1c.2-.355.345-.737.455-1.128c.009-.027.009-.064.018-.091h-1.428a4 4 0 0 1-.882-.1a.3.3 0 0 0-.082-.018a.1.1 0 0 1-.037-.028c.082-.181.155-.354.228-.536l.555-1.283a.6.6 0 0 1 .081-.172a.2.2 0 0 1 .146-.055c.446-.009.882 0 1.328 0h.118c-.018-.073-.018-.127-.036-.19a4.7 4.7 0 0 0-.837-1.693a6.4 6.4 0 0 0-.628-.69a4.7 4.7 0 0 0-.936-.683a6.3 6.3 0 0 0-1.11-.491a6 6 0 0 0-.982-.218c-.264-.028-.519-.037-.782-.055c-.064 0-.128-.009-.191-.018a.08.08 0 0 1-.055-.055c-.091-.209-.182-.409-.273-.618c-.11-.246-.21-.491-.318-.728c-.082-.2-.173-.39-.264-.6l.191-.055c.4-.054.81-.072 1.219-.054a8.7 8.7 0 0 1 1.928.282c.4.109.8.245 1.182.409q.807.341 1.52.846c.208.154.417.318.618.482c.09.073.181.155.272.236c.455.437.855.937 1.192 1.474s.582 1.118.746 1.728c.054.2.09.41.136.61a.08.08 0 0 0 .073.054h1.846c.037-.146.064-.291.091-.437q.164-.641.437-1.228c.145-.327.327-.645.536-.936c.191-.264.391-.528.61-.773a6 6 0 0 1 .518-.537a8.3 8.3 0 0 1 1.237-.928c.455-.282.928-.51 1.428-.691c.346-.118.691-.227 1.037-.318c.263-.064.518-.11.791-.146c.218-.036.446-.054.673-.073c.146-.009.282-.018.428-.018c.218 0 .427-.009.636 0c.21.01.419.055.628.091c.009 0 .009.01.027.027l-.155.364c-.163.382-.327.764-.5 1.155a6 6 0 0 0-.182.419c-.036.09-.127.054-.19.072c-.055.01-.1.01-.155 0a6.3 6.3 0 0 0-2.683.628a5.4 5.4 0 0 0-1.092.71c-.136.118-.29.236-.418.372c-.328.328-.61.7-.837 1.11a5.5 5.5 0 0 0-.436 1.064c-.01.027-.01.064-.019.091h.1c.473 0 .955-.01 1.428 0c.282 0 .564.045.837.136c.01.01.018.01.027.019l-.263.6c-.182.427-.373.855-.555 1.291c-.055.128-.091.155-.237.155h-1.328c.037.127.064.236.1.346c.128.382.31.745.537 1.082c.137.2.282.382.437.564c.09.109.19.218.29.309c.337.327.72.61 1.128.837c.346.2.719.364 1.101.49c.364.128.746.21 1.137.246l.718.055c.091.01.182.01.273.018c.018.01.037.018.046.037q.229.545.473 1.091l.39.891c-.127.028-.245.055-.372.064c-.31.018-.628.036-.937.036c-.282 0-.564-.027-.837-.063a16 16 0 0 1-1.128-.2a8.5 8.5 0 0 1-1.31-.437a8 8 0 0 1-1.436-.8a19 19 0 0 1-.691-.537a4 4 0 0 1-.419-.391a7.4 7.4 0 0 1-1.4-2a6 6 0 0 1-.455-1.374c-.018-.046-.027-.1-.037-.146c0-.09-.045-.109-.127-.109h-1.837a6.7 6.7 0 0 1-.437 1.437a5.7 5.7 0 0 1-.609 1.11a10 10 0 0 1-.61.773a5 5 0 0 1-.509.527c-.282.246-.582.473-.882.7a7 7 0 0 1-1.146.665a8.1 8.1 0 0 1-2.365.709c-.282.045-.564.073-.845.1a4 4 0 0 1-.482 0c-.237 0-.473-.01-.7-.018c-.083-.01-.165-.018-.246-.037c-.046-.009-.064-.027-.037-.081c.182-.419.373-.837.555-1.256c.11-.254.21-.49.327-.754z"/></g></svg>Hot アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:hot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:hot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:hot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--hot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:hot"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:hot"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/hot.svg" alt="Hot アイコン" width="24" height="24">他のアイコンセットの Hot アイコン
Hot アイコン のよくある質問
Hot アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hot アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency-color:hot" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hot アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/hot.svg" alt="Hot アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。