Camel アイコン
fluent-emoji-flat:camel
Camel アイコン(fluent-emoji-flat:camel)は、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="M13.34 18h3l2.593 11.696a.25.25 0 0 1-.244.304H16.2a.25.25 0 0 1-.244-.196zm12.04 1.27h-3l-2.312 10.426a.25.25 0 0 0 .243.304H22.8a.25.25 0 0 0 .244-.196z"/><path fill="#f3ad61" d="M30 12.25a.73.73 0 0 0-.21-.46c-.03-.03-5.04-5.4-5.12-5.49c-.82-.81-1.94-1.3-3.17-1.3c-1.65 0-3.09.89-3.87 2.21c0 0-3.67 5.3-3.7 5.35v.01c-.18.28-.5.47-.86.47c-.55-.01-.99-.48-.99-1.03L12 5V3.27c0-.15-.13-.27-.28-.27c-.95 0-1.72.77-1.72 1.73c0 .15-.13.27-.28.27H5.51C3.57 5 2 6.57 2 8.51v.37C2 9.5 2.5 10 3.12 10h2.94c.52 0 .94.42.94.94v2.88c0 2.67 1.47 5.01 3.64 6.25c.22.12.36.35.36.61v8.82c0 .28.22.5.5.5h2c.28 0 .5-.22.5-.5V21h8c.78 0 1.51-.18 2.17-.49c.17.88.45 1.73.85 2.53l.85 1.71c.09.16.13.35.13.53v4.22c0 .28.22.5.5.5h2c.28 0 .5-.22.5-.5V12.94a.71.71 0 0 0 1-.69"/><path fill="#1c1c1c" d="M7.5 8.38c-.28 0-.5-.23-.5-.5V7c0-.28.22-.5.5-.5s.5.22.5.5v.88c0 .27-.22.5-.5.5"/><path fill="#d3883e" d="M3.5 9.26c-.28 0-.5-.23-.5-.5v-.44c0-.28.22-.5.5-.5s.5.22.5.5v.44c0 .27-.22.5-.5.5"/></g></svg>
Camel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:camel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:camel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:camel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--camel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:camel"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:camel"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/camel.svg" alt="Camel アイコン" width="24" height="24">
Camel アイコン のよくある質問
Camel アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Camel アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:camel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Camel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/camel.svg" alt="Camel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
