Camera アイコン
fxemoji:camera
Camera アイコン(fxemoji:camera)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#8F9799" d="M479.364 128.57a2.034 2.034 0 0 1-2.034 2.034h-89.61a2.034 2.034 0 0 1-2.034-2.034V64.851c0-1.123.911-2.034 2.034-2.034h89.61c1.123 0 2.034.911 2.034 2.034z"/><path fill="#ADB8BC" d="M479.499 460.581H32.969c-11.929 0-21.6-9.671-21.6-21.6V123.699c0-11.929 9.671-21.6 21.6-21.6h446.53c11.929 0 21.6 9.671 21.6 21.6v315.282c0 11.929-9.671 21.6-21.6 21.6"/><path fill="#FFFBDE" d="M476.54 177.002c0 .678-.722 1.228-1.613 1.228h-71.093c-.891 0-1.613-.55-1.613-1.228v-38.484c0-.678.722-1.228 1.613-1.228h71.093c.891 0 1.613.55 1.613 1.228z"/><circle cx="68.458" cy="157.76" r="25.659" fill="#FF473E"/><path fill="#1C4C5A" d="M476.54 200.998c0 .511-.722.926-1.613.926h-71.093c-.891 0-1.613-.415-1.613-.926v-29.009c0-.511.722-.926 1.613-.926h71.093c.891 0 1.613.415 1.613.926zm-220.306-63.709c-76.212 0-137.993 61.782-137.993 137.993s61.782 137.993 137.993 137.993s137.993-61.782 137.993-137.993s-61.781-137.993-137.993-137.993"/><path fill="#1C4C5A" d="M256.234 188.598c47.874 0 86.685 38.819 86.685 86.685c0 47.874-38.811 86.685-86.685 86.685s-86.685-38.811-86.685-86.685c0-47.866 38.811-86.685 86.685-86.685"/><path fill="#F4F3EF" d="M256.234 188.598c-47.874 0-86.685 38.819-86.685 86.685c0 47.874 38.811 86.685 86.685 86.685s86.685-38.811 86.685-86.685c0-47.866-38.803-86.685-86.685-86.685"/><circle cx="256.234" cy="274.136" r="63.993" fill="#00BEEA"/><path fill="#FFF" d="M279.875 235.881c8.7 0 15.761 7.061 15.761 15.761c0 8.708-7.061 15.761-15.761 15.761s-15.761-7.053-15.761-15.761s7.061-15.761 15.761-15.761"/></svg>
Camera アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:camera" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:camera" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:camera" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--camera]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:camera"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:camera"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/camera.svg" alt="Camera アイコン" width="24" height="24">
Camera アイコン のよくある質問
Camera アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Camera アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:camera" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Camera アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/camera.svg" alt="Camera アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
