Foggy Mountain アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:foggy-mountain

Foggy Mountain アイコン(openmoji:foggy-mountain)は、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
カテゴリ: OpenMoji 追加分
タグ: foggymountain

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m27 31l3-1l2 2l3-2l2 1l2-1l2 2l1-1"/><path fill="#fff" d="M21.38 27.63c1.636.377 3.012.948 4.016 1.579c-2.246.631-3.65 13.32-10.57 17.69c-4.659-2.517-7.075-9.495-4.782-13.8c2.43-8.036 10.83-5.355 11.33-5.47zm36.63 5.67c.602.12 3.002-.243 4.54.451c3.639 1.302 4.828 4.206 4.63 8.066c.012 1.955-1.178 3.259-2.724 4.006a5.6 5.6 0 0 1-4.3.247c-2.129-.766-2.103-2.071-2.748-1.71c-5.214 2.912-14.63-7.578-13.72-12.99c4.296-10.07 15.93-1.789 14.32 1.932z"/><path fill="#3f3f3f" d="m16.76 45.06l2.9-10.63l1.93 4.83l5.8-15.46l2.49 3l5.43-14.35l2.71 5.56l2.9 9.66l1.93-3.87l2.9 12.56l2.89-6.76l2.9 15.46"/><path fill="#fff" d="m44.05 29l-3.13 1.57l-2.9-.97l-1.94-.97l-3.86 1.94l-1.93-1.94l-2.9.97l-1.24-2.48l1.24-3.32l2.49 3l5.43-14.35l2.71 5.56l2.9 9.66l1.93-3.87zm-5.49 11.49l3.219-1.266s3.964-.933 6.863.034a8.76 8.76 0 0 1 5.797 8.694c.017 2.846-.528 6.482-2.412 8.614c-2.843 2.527-5.311 2.811-8.038 2.935c-1.547.122-3.918-.135-4.749-1.445l-1.522-2.154c-1.403 1.931-4.082 3.491-6.465 3.643c-2.281 0-4.895-.474-6.263-2.299l-2.016-2.255a3.68 3.68 0 0 1-3.314 1.655c-1.932 0-5.797-.966-5.797-5.797c-.196-3.444 2.529-7.395 5.963-7.728l3.057.166c-.625-2.6 2.355-6.929 7.403-6.929c2.325 0 6.707.895 8.274 4.131z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M61.2 34.43a6.43 6.43 0 0 1 5.797 6.763c0 4.83-3.864 5.797-5.797 5.797a3.54 3.54 0 0 1-3.864-3.864M21.59 28.63s-3.864-.966-6.763 0s-4.83 2.898-4.83 7.729a11.57 11.57 0 0 0 2.898 7.729m3.865.972l2.9-10.63l1.93 4.83l5.8-15.46l2.49 3l5.43-14.35l2.71 5.56l2.9 9.66l1.93-3.87l2.9 12.56l2.89-6.76L51 40"/><path stroke-linejoin="round" d="M19.66 44.09a6.43 6.43 0 0 0-5.797 6.763c0 4.83 3.864 5.797 5.797 5.797a3.54 3.54 0 0 0 3.864-3.864m1.936 3.864a7.25 7.25 0 0 0 5.797 2.898c3.864 0 6.763-3.864 6.763-4.83m1.93 2.902a4.19 4.19 0 0 0 3.864 1.932a5.175 5.175 0 0 0 4.83-4.83M23.53 45.06c-1.932-1.932.966-8.695 6.763-8.695c2.898 0 8.695.966 8.695 6.763m2.892-2.898s3.864-1.932 6.763-.966a8.76 8.76 0 0 1 5.797 8.695a11.57 11.57 0 0 1-2.898 7.729"/><path stroke-miterlimit="10" d="M57.34 35.4c1.932-1.932-.966-8.695-6.763-8.695a10.77 10.77 0 0 0-6.6 1.993"/></g></svg>

Foggy Mountain アイコンの使い方

React

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

<Icon icon="openmoji:foggy-mountain" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:foggy-mountain" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:foggy-mountain" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--foggy-mountain]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:foggy-mountain"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:foggy-mountain"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/foggy-mountain.svg" alt="Foggy Mountain アイコン" width="24" height="24">

OpenMoji の関連アイコン

Foggy Mountain アイコンのよくある質問

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコンをすべて見る →