Ram アイコン
fluent-emoji-flat:ram
Ram アイコン(fluent-emoji-flat:ram)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#d3883e" d="M20.02 26.54v-5.15l3.25.02v4.82c0 .36-.05.76-.34 1.01l-2.59 2.37c-.26.24-.49.4-.81.4h-1.12a.34.34 0 0 1-.3-.49l1.8-2.53c.07-.14.11-.29.11-.45M12.23 30c-.19 0-.34-.15-.34-.34v-7.2h3.12v1.99c0 .79-.32 1.56-.88 2.12c-.13.13-.13.3-.13.48v2.61c0 .19-.22.34-.41.34z"/><path fill="#f3ad61" d="M11.34 30c-.19 0-.34-.15-.34-.34v-7.2h3.12v1.99c0 .79-.32 1.56-.88 2.12c-.13.13-.24.3-.24.48v2.61c0 .19-.11.34-.3.34zm16.35-3.42l-2.84-1.96L27 22.5l3 2.12v5.05c0 .19-.15.34-.34.34h-1.35c-.19 0-.31-.15-.31-.34v-2.54c0-.22-.13-.42-.31-.55"/><path fill="#b4acbc" d="M12.02 24.62c-.56 0-1.02-.46-1.02-1.02v-1.13L13.5 21l2.52 1.47v1.13c0 .56-.46 1.02-1.02 1.02zm8-.06h3.35c.56 0 1.02-.46 1.01-1.02V21H19v2.54c0 .56.46 1.02 1.02 1.02"/><path fill="#cdc4d6" d="M12 6V4.243c0-1.22-.996-2.222-2.237-2.243c-.731-.01-1.389.248-1.813.734a.88.88 0 0 1-.678.3H5.597c-.774 0-1.463.537-1.58 1.292C3.88 5.225 4.59 6 5.48 6h.108L4 11.69v1.68c0 .9.73 1.63 1.63 1.63H6v4.47c0 1.65 1.34 3 3 3h1v1.13c0 .56.46 1.02 1.02 1.02H14c.56 0 1.02-.46 1.02-1.02v-1.13h7.41v1.13c0 .56.46 1.02 1.02 1.02H30v-.37c0-.45-.18-.87-.49-1.19l-1.21-1.37c-.19-.19-.3-.45-.3-.71V16c0 .61.45 1 1.07 1c.48 0 .93-.45.93-1.03v-.91c0-3.05-2.47-5.52-5.52-5.52c-.63 0-1.25.09-1.85.26l-6.05 1.73c-.84.24-1.75-.11-2.17-.87a.2.2 0 0 0-.02-.04q-.012-.018-.02-.04l-1.93-3.86a2.7 2.7 0 0 0-.527-.72z"/><path fill="#f3ad61" d="M5.584 6L2.35 9.313a1.24 1.24 0 0 0-.35.867C2 11.187 2.796 12 3.782 12h3.714c1.38 0 2.493-1.138 2.493-2.546V6z"/><path fill="#e19747" d="M13.72 5H9.49c-.6 0-1.12.49-1.1 1.1c.01.58.48 1.05 1.07 1.05h4.28c.59 0 1.08.46 1.1 1.04c.02.61-.47 1.11-1.08 1.11h-2.63c-.3 0-.49.33-.34.59c.58.94 1.62 1.56 2.8 1.56h.18c1.8 0 3.26-1.48 3.23-3.29C16.97 6.4 15.49 5 13.72 5"/><path fill="#1c1c1c" d="M5.99 9c0 .3.222.54.5.54c.269 0 .5-.24.5-.54v-.81c0-.3-.222-.54-.5-.54s-.5.24-.5.54zM3 11h-.81a1.85 1.85 0 0 1-.19-.82q0-.09.013-.18H3a.5.5 0 0 1 0 1"/></g></svg>
Ram アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:ram" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:ram" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:ram" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--ram]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:ram"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:ram"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ram.svg" alt="Ram アイコン" width="24" height="24">
Ram アイコン のよくある質問
Ram アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ram アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:ram" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ram アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ram.svg" alt="Ram アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
