Ícone Camera On Rectangle
f7:camera-on-rectangle
O ícone Camera On Rectangle (f7:camera-on-rectangle) é um ícone SVG gratuito da coleção Framework7 Icons de Vladimir Kharlampidi. Ele é desenhado em uma grade de 56 × 56. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Framework7 Icons
- Autor
- Vladimir Kharlampidi
- Licença
- MIT
- Tamanho
- 56 × 56
- Tags
- cameraon, onrectangle, cameraonrectangle
Código 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>
Como usar o ícone 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 component
<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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/f7/camera-on-rectangle.svg" alt="Ícone Camera On Rectangle" width="24" height="24">
Ícones relacionados em Framework7 Icons
Perguntas frequentes sobre Ícone Camera On Rectangle
O ícone Camera On Rectangle é grátis para uso comercial?
Sim. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Camera On Rectangle no React?
Instale @iconify/react e renderize <Icon icon="f7:camera-on-rectangle" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Camera On Rectangle a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/f7/camera-on-rectangle.svg" alt="Ícone Camera On Rectangle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Framework7 Icons →
ICONYZ
