Mount Fuji アイコン
fluent-emoji:mount-fuji
Mount Fuji アイコン(fluent-emoji:mount-fuji)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- mountfuji
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#is1SPEb)" d="m29.986 24.4l-5.134-6.835L19.39 14.3l-4.648-.03l-7.235 3.712L2.236 24.4v4.856a1.04 1.04 0 0 0 1.03 1.045h25.679c.575 0 1.03-.468 1.03-1.035V24.4z"/><path fill="url(#iO7KS5b)" d="m16.11 16.37l.992 3.98c.505 1.643 1.685 1.991 2.973 1.991h.05c.96 0 1.922.637 2.487 1.493l4.4 6.468l1.913.02c.585 0 1.06-.478 1.06-1.065V24.4l-5.133-6.836z"/><path fill="url(#ib8GbOd)" d="m16.11 16.37l.992 3.98c.505 1.643 1.685 1.991 2.973 1.991h.05c.96 0 1.922.637 2.487 1.493l4.4 6.468l1.913.02c.585 0 1.06-.478 1.06-1.065V24.4l-5.133-6.836z"/><g filter="url(#iagaiIe)"><path fill="#DAD3E0" d="M20.798 12.152c-.356-.478-.852-.757-1.387-.757h-5.729c-.456 0-.901.21-1.238.587l-4.936 6c.367.2.773.369 1.467.369c1.705 0 1.705-.995 3.419-.995c1.705 0 1.705.995 3.42.995c1.704 0 1.704-.995 3.409-.995s1.704.995 3.419.995c1.18 0 1.546-.478 2.22-.766z"/></g><path fill="url(#iQWclgc)" d="M20.798 12.152c-.356-.478-.852-.757-1.387-.757h-5.729c-.456 0-.901.21-1.238.587l-4.936 6c.367.2.773.369 1.467.369c1.705 0 1.705-.995 3.419-.995c1.705 0 1.705.995 3.42.995c1.704 0 1.704-.995 3.409-.995s1.704.995 3.419.995c1.18 0 1.546-.478 2.22-.766z"/><path fill="url(#iuuSCFe)" d="M20.798 12.152c-.356-.478-.852-.757-1.387-.757h-5.729c-.456 0-.901.21-1.238.587l-4.936 6c.367.2.773.369 1.467.369c1.705 0 1.705-.995 3.419-.995c1.705 0 1.705.995 3.42.995c1.704 0 1.704-.995 3.409-.995s1.704.995 3.419.995c1.18 0 1.546-.478 2.22-.766z"/><path fill="url(#iPZDBEc)" d="M20.798 12.152c-.356-.478-.852-.757-1.387-.757h-5.729c-.456 0-.901.21-1.238.587l-4.936 6c.367.2.773.369 1.467.369c1.705 0 1.705-.995 3.419-.995c1.705 0 1.705.995 3.42.995c1.704 0 1.704-.995 3.409-.995s1.704.995 3.419.995c1.18 0 1.546-.478 2.22-.766z"/><path fill="url(#i0RmB8d)" d="M20.798 12.152c-.356-.478-.852-.757-1.387-.757h-5.729c-.456 0-.901.21-1.238.587l-4.936 6c.367.2.773.369 1.467.369c1.705 0 1.705-.995 3.419-.995c1.705 0 1.705.995 3.42.995c1.704 0 1.704-.995 3.409-.995s1.704.995 3.419.995c1.18 0 1.546-.478 2.22-.766z"/><defs><linearGradient id="is1SPEb" x1="16.049" x2="16.054" y1="26.989" y2="19.239" gradientUnits="userSpaceOnUse"><stop stop-color="#333036"/><stop offset="1" stop-color="#573D6F"/></linearGradient><linearGradient id="iO7KS5b" x1="28.986" x2="18.572" y1="27.302" y2="15.461" gradientUnits="userSpaceOnUse"><stop stop-color="#654E7C"/><stop offset="1" stop-color="#654E7C" stop-opacity="0"/></linearGradient><linearGradient id="ib8GbOd" x1="29.111" x2="26.236" y1="30.322" y2="25.239" gradientUnits="userSpaceOnUse"><stop stop-color="#494155"/><stop offset="1" stop-color="#494155" stop-opacity="0"/></linearGradient><linearGradient id="i0RmB8d" x1="10.214" x2="10.685" y1="14.189" y2="14.602" gradientUnits="userSpaceOnUse"><stop offset=".442" stop-color="#A1A1A4"/><stop offset="1" stop-color="#A1A1A4" stop-opacity="0"/></linearGradient><radialGradient id="iQWclgc" cx="0" cy="0" r="1" gradientTransform="rotate(-72.181 20.737 -1.445)scale(4.59545 6.68913)" gradientUnits="userSpaceOnUse"><stop offset=".211" stop-color="#D9D0DF"/><stop offset=".874" stop-color="#D9D0DF" stop-opacity="0"/></radialGradient><radialGradient id="iuuSCFe" cx="0" cy="0" r="1" gradientTransform="matrix(-.5 -4.75 6.91409 -.7278 20.798 18.677)" gradientUnits="userSpaceOnUse"><stop offset=".211" stop-color="#D9D0DF"/><stop offset=".874" stop-color="#D9D0DF" stop-opacity="0"/></radialGradient><radialGradient id="iPZDBEc" cx="0" cy="0" r="1" gradientTransform="matrix(-5.375 -8.375 5.80259 -3.72405 23.735 18.802)" gradientUnits="userSpaceOnUse"><stop stop-color="#EEEDF5"/><stop offset="1" stop-color="#EEEDF5" stop-opacity="0"/></radialGradient><filter id="iagaiIe" width="18.354" height="7.156" x="7.508" y="11.395" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1" dy=".2"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.619608 0 0 0 0 0.619608 0 0 0 0 0.639216 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_4988"/></filter></defs></g></svg>Mount Fuji アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:mount-fuji" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:mount-fuji" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:mount-fuji" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--mount-fuji]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:mount-fuji"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:mount-fuji"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/mount-fuji.svg" alt="Mount Fuji アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Mount Fuji アイコン
Mount Fuji アイコン のよくある質問
Mount Fuji アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mount Fuji アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:mount-fuji" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mount Fuji アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/mount-fuji.svg" alt="Mount Fuji アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。