ICONYZ
日本語
theSVG Color の Hotmart アイコン

Hotmart アイコン

thesvg-color:hotmart

Hotmart アイコン(thesvg-color:hotmart)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 27 × 37 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
27 × 37
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="27" height="37" viewBox="0 0 27 37"><path fill="#ff4000" d="M25.776 17.37a20 20 0 0 0-2.148-4.964h.002s-.927-1.538-1.316-2.003h-.003c-.096-.121-.29.013-.215.15c.109.23.208.512.139.787c-.114.336-.49.569-.834.45a.75.75 0 0 1-.254-.17c-.353-.365-.537-.97-.766-1.736c-.206-.683-.461-1.531-.921-2.45c-.748-1.491-1.633-2.181-1.67-2.21a.13.13 0 0 0-.153-.001a.14.14 0 0 0-.048.15c.004.012.376 1.242-.342 2.173c-.286.37-.721.595-1.228.627c-.51.033-1.015-.136-1.318-.44c-.751-.755-.84-2.093-.825-2.823c.047-2.434.782-4.14 1.165-4.7a.14.14 0 0 0-.005-.161a.13.13 0 0 0-.152-.038C11.91 1.3 9.754 3.507 8.654 6.384c-.62 1.71-.89 2.49-1.108 2.982c-.202.449-.39.656-.58.77a.76.76 0 0 1-.365.105c-.194-.02-1.154-.196-.318-1.802c.069-.135-.114-.27-.216-.16l-.658.727l-.088.096l-.11.12l-.05.063c-2.08 2.377-3.533 5.419-4.37 8.229c-.75 2.7-.797 4.857-.79 5.677v.182c0 3.634 1.383 7.05 3.892 9.62s5.847 3.985 9.395 3.985s6.886-1.415 9.395-3.985c2.51-2.57 3.89-5.987 3.89-9.62c0-2.315-.297-4.201-.802-6.003zM13.29 30.417c-3.798 0-6.88-3.152-6.88-7.043s3.08-7.044 6.88-7.044s6.879 3.154 6.879 7.044s-3.08 7.043-6.88 7.043"/></svg>

Hotmart アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:hotmart" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:hotmart" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:hotmart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--hotmart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:hotmart"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:hotmart"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/hotmart.svg" alt="Hotmart アイコン" width="24" height="24">

他のアイコンセットの Hotmart アイコン

Hotmart アイコン のよくある質問

Hotmart アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Hotmart アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:hotmart" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Hotmart アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/hotmart.svg" alt="Hotmart アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコン をすべて見る →