Camera On Rectangle アイコン
f7:camera-on-rectangle
Camera On Rectangle アイコン(f7:camera-on-rectangle)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- cameraon、onrectangle、cameraonrectangle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M6.155 41.944h3.763V47c0 4.038 2.078 6.076 6.155 6.076h33.772C53.922 53.076 56 51.038 56 47V26.479c0-4.038-2.078-6.077-6.155-6.077H45.26c-1.53 0-2-.294-2.882-1.293l-.313-.334v-4.312c0-4.038-2.059-6.076-6.135-6.076H6.155C2.058 8.387 0 10.425 0 14.463v21.424c0 4.038 2.058 6.057 6.155 6.057m.058-3.156c-1.96 0-3.057-1.039-3.057-3.077V14.64c0-2.039 1.097-3.097 3.057-3.097H35.87c1.94 0 3.038 1.058 3.038 3.097v1.372c-.568-.216-1.235-.314-2.098-.314h-7.82c-2.019 0-3.019.588-3.999 1.666l-1.587 1.745c-.863.98-1.353 1.293-2.882 1.293h-4.45c-4.076 0-6.154 2.039-6.154 6.077v12.309Zm9.919 11.133c-1.94 0-3.058-1.058-3.058-3.096v-20.19c0-2.019 1.117-3.077 3.058-3.077h5.174c1.764 0 2.725-.333 3.685-1.43l1.549-1.706c1.117-1.255 1.685-1.568 3.43-1.568h5.86c1.726 0 2.294.314 3.43 1.568l1.53 1.705c.98 1.098 1.92 1.431 3.685 1.431h5.312c1.94 0 3.057 1.058 3.057 3.077v20.19c0 2.038-1.117 3.096-3.057 3.096Zm16.837-3.136c5.92 0 10.682-4.743 10.682-10.721c0-5.96-4.743-10.703-10.682-10.703a10.654 10.654 0 0 0-10.702 10.702c0 5.979 4.763 10.722 10.702 10.722m14.073-15.504c1.333 0 2.43-1.078 2.43-2.411a2.43 2.43 0 1 0-4.86 0c0 1.333 1.097 2.41 2.43 2.41M32.97 43.806a7.734 7.734 0 0 1-7.742-7.742c0-4.293 3.469-7.723 7.742-7.723a7.7 7.7 0 0 1 7.722 7.722a7.704 7.704 0 0 1-7.722 7.743"/></svg>
Camera On Rectangle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:camera-on-rectangle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:camera-on-rectangle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:camera-on-rectangle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--camera-on-rectangle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:camera-on-rectangle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:camera-on-rectangle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/camera-on-rectangle.svg" alt="Camera On Rectangle アイコン" width="24" height="24">
Camera On Rectangle アイコン のよくある質問
Camera On Rectangle アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Camera On Rectangle アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:camera-on-rectangle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Camera On Rectangle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/camera-on-rectangle.svg" alt="Camera On Rectangle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
