Coldsweat アイコン

Q: Coldsweat アイコンは商用利用でも無料ですか?

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

fxemoji:coldsweat

Coldsweat アイコン(fxemoji:coldsweat)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Firefox OS Emoji
作者: Mozilla
ライセンス: Apache-2.0
サイズ: 512 × 512
カテゴリ: 人物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFD469" d="M255.9 35.3C134 35.3 35.2 134.1 35.2 256c0 3.3.1 6.6.2 9.9c-12.8 1.7-22.8 12.6-22.8 25.9c0 14.5 11.7 26.2 26.2 26.2H44c26.8 91.7 111.4 158.7 211.7 158.7c121.8 0 220.6-98.8 220.6-220.6c.2-122-98.6-220.8-220.4-220.8"/><path fill="#FFB636" d="M476.2 265.8c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3 34.5 33.6 75.2 33.6 118.8c0 125.2-101.5 226.7-226.7 226.7c-43.6 0-84.2-12.3-118.8-33.6c39.6 37.7 93.1 60.8 152 60.8c100.3 0 185-67 211.7-158.7h5.2c14.5 0 26.2-11.7 26.2-26.2c.2-13.3-9.7-24.2-22.6-25.9"/><path fill="#2B3B47" d="M307 324.1H204.9c-10.6 6.4-17.2 14.7-17.2 23.9c0 13.5 14 25.2 34.5 31.5c10 3.1 21.4 5 33.8 5c12.3 0 23.8-1.9 33.8-5c20.5-6.3 34.5-18 34.5-31.5c-.1-9.2-6.7-17.6-17.3-23.9"/><path fill="#F2A74E" d="M381.5 184.8c-15.4 0-30.5-7-42.4-20.4c-2.8-3.2-2.5-8 .7-10.9c3.2-2.8 8-2.5 10.9.7c13.2 14.9 31.7 19.2 48 11c3.8-1.9 8.4-.3 10.3 3.5s.3 8.4-3.5 10.3c-7.8 3.9-15.9 5.8-24 5.8m-245.9 0c-8 0-16.2-1.9-24-5.8c-3.8-1.9-5.4-6.5-3.5-10.3s6.5-5.4 10.3-3.5c16.4 8.1 34.8 3.9 48-11c2.8-3.2 7.7-3.5 10.9-.7s3.5 7.7.7 10.9c-11.9 13.4-26.9 20.4-42.4 20.4"/><path fill="#2B3B47" d="M365.7 188.3c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 4.2-24.2 4.2s-24.2 9.2-24.2-4.2v-54.3c0-13.3 10.9-24.2 24.2-24.2"/><path fill="#F2A74E" d="M343.7 281.3c-2.8 0-5.6-1.6-6.9-4.3c-1.9-3.8-.3-8.4 3.5-10.3c16.2-8 34.7-8.3 50.8-.7c3.8 1.8 5.5 6.4 3.6 10.2c-1.8 3.8-6.4 5.5-10.2 3.6c-11.8-5.6-25.4-5.4-37.3.5c-1.2.8-2.3 1-3.5 1"/><path fill="#2B3B47" d="M146.1 189.3c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 4.2-24.2 4.2s-24.2 9.2-24.2-4.2v-54.3c0-13.3 10.8-24.2 24.2-24.2"/><path fill="#F2A74E" d="M124.1 281.3c-2.8 0-5.6-1.6-6.9-4.3c-1.9-3.8-.3-8.4 3.5-10.3c16.2-8.1 34.7-8.3 50.8-.7c3.8 1.8 5.5 6.4 3.6 10.2c-1.8 3.8-6.4 5.5-10.3 3.6c-11.8-5.6-25.4-5.4-37.3.5c-1.1.8-2.3 1-3.4 1"/><path fill="#00BEEA" d="m66.1 123.8l21.5 54.1c5.2 17.1-4.5 35.1-21.5 40.3c-17.1 5.2-35.1-4.5-40.3-21.5c-1.9-6.4-1.8-12.8 0-18.7l21.5-54.1c1.6-5.2 7.1-8.1 12.3-6.5c3.2.8 5.6 3.4 6.5 6.4"/><path fill="#FFF" d="M306.7 324.1c-12.3-7.3-30.4-11.8-50.8-11.8s-38.5 4.6-50.8 11.8z"/></svg>

Coldsweat アイコンの使い方

React

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

<Icon icon="fxemoji:coldsweat" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:coldsweat" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:coldsweat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--coldsweat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:coldsweat"></div>

Web コンポーネント

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

<iconify-icon icon="fxemoji:coldsweat"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/coldsweat.svg" alt="Coldsweat アイコン" width="24" height="24">

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

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

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

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

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

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

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

Firefox OS Emoji アイコンをすべて見る →