Melting Face アイコン
openmoji:melting-face
Melting Face アイコン(openmoji:melting-face)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- スマイリー・感情
- タグ
- meltingface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fcea2b" d="M29.807 57.598a12.8 12.8 0 0 1-4.262-.73l-.66-.234a14.3 14.3 0 0 0-5.775-.79l-.407.027a2.56 2.56 0 0 1-2.731-2.553a2.687 2.687 0 0 1 2.601-2.694l6.876-.263c.27 0 .337-.074.36-.097a.6.6 0 0 0 .108-.425a.51.51 0 0 0-.573-.46H11.478a2.555 2.555 0 0 1-2.547-2.556a3.37 3.37 0 0 1 1.01-2.452a3.45 3.45 0 0 1 2.423-.96l6.322.198a.21.21 0 0 0 .159-.087a.52.52 0 0 0 .13-.358l-.005-.103c0-.155-.309-.313-.613-.313H13.45a2.3 2.3 0 0 1-2.295-2.296a2.92 2.92 0 0 1 2.786-2.918l2.12-.099a1.877 1.877 0 0 0 1.631-2.628l-.143-.33a14.4 14.4 0 0 1-.902-7.858C18.77 16.073 27.665 9.248 38.256 10.05c11.176.833 19.66 9.675 18.913 19.708a16.5 16.5 0 0 1-.965 4.466l-.515 1.62a.75.75 0 0 0 .598.967l2.733.427a2.924 2.924 0 0 1 2.486 2.904a2.3 2.3 0 0 1-.037.41a3.77 3.77 0 0 1 3.581 3.763a4.096 4.096 0 0 1-3.728 4.095l-2.593.243a22 22 0 0 1-4.513-.04l-1.368-.152a1.99 1.99 0 0 0-2.21 1.977a.685.685 0 0 0 .634.682l.757.054a3.09 3.09 0 0 1 2.866 3.074a2.685 2.685 0 0 1-2.682 2.683h-2.995a11.5 11.5 0 0 1-2.373-.248l-1.583-.333a17.6 17.6 0 0 0-6.71-.105l-6.517 1.157a13 13 0 0 1-2.228.196"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M49.219 55.98h2.994a1.73 1.73 0 0 0 1.732-1.732h0a2.133 2.133 0 0 0-1.984-2.128l-.755-.053a1.633 1.633 0 0 1-1.519-1.629h0a2.94 2.94 0 0 1 3.267-2.922l1.367.153a21 21 0 0 0 4.319.038l2.593-.243a3.163 3.163 0 0 0 2.867-3.149h0a2.816 2.816 0 0 0-2.816-2.816h-4.806"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M57.9 41.494h1.304a1.35 1.35 0 0 0 1.352-1.352h0a1.99 1.99 0 0 0-1.682-1.965l-2.733-.427a1.7 1.7 0 0 1-1.357-2.195l.529-1.659a15.6 15.6 0 0 0 .909-4.209c.71-9.526-7.365-17.894-18.036-18.69s-18.721 6.445-20.607 15.81a13.5 13.5 0 0 0 .84 7.29l.143.327a2.828 2.828 0 0 1-2.458 3.96l-2.119.099a1.97 1.97 0 0 0-1.88 1.97h0a1.345 1.345 0 0 0 1.345 1.345h4.907a1.43 1.43 0 0 1 1.563 1.264h0a1.345 1.345 0 0 1-1.258 1.497l-6.272-.199a2.414 2.414 0 0 0-2.463 2.414v.05a1.6 1.6 0 0 0 1.597 1.606h13.82a1.435 1.435 0 0 1 1.519 1.321h0a1.342 1.342 0 0 1-1.378 1.56l-6.878.263a1.746 1.746 0 0 0-1.685 1.745h0a1.61 1.61 0 0 0 1.717 1.604l.407-.027a15.35 15.35 0 0 1 6.156.843l.66.234a11.8 11.8 0 0 0 6.007.494l6.517-1.157a18.6 18.6 0 0 1 7.071.111"/><path d="M34.103 24.401a3 3 0 1 1-3-3a3 3 0 0 1 3 3m12 5.196a3 3 0 1 1-3-3a3 3 0 0 1 3 3"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.928" d="M32.99 36.805a10.87 10.87 0 0 0 10.882 3.247"/></svg>Melting Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:melting-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:melting-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:melting-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--melting-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:melting-face"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:melting-face"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/melting-face.svg" alt="Melting Face アイコン" width="24" height="24">他のアイコンセットの Melting Face アイコン
Melting Face アイコン のよくある質問
Melting Face アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Melting Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:melting-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Melting Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/melting-face.svg" alt="Melting Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。