Ícone Camera Rounded

material-symbols-light:camera-rounded

O ícone Camera Rounded (material-symbols-light:camera-rounded) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, 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: Material Symbols Light
Autor: Google
Licença: Apache-2.0
Tamanho: 24 × 24
Categoria: Imagens
Tags: aperture, camera, lens, photo, photography, picture, shutter, image, camerarounded

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.02 9.077q-.237 0-.368-.212q-.13-.211 0-.423l2.637-4.594q.142-.229.365-.291q.223-.063.457.016q1.668.602 3.022 1.874t2.098 2.945q.125.287-.009.486q-.133.199-.445.199zm-3.287 1.571l-2.654-4.68q-.142-.23-.081-.478q.062-.248.246-.39q1.2-1.004 2.682-1.552T12 3q.24 0 .537.018q.296.019.557.05q.293.03.405.241q.113.212-.043.493l-3.983 6.846q-.13.212-.37.212t-.37-.212m-4.94 3.468q-.218 0-.404-.16t-.237-.375q-.088-.429-.12-.812T3 12q0-1.402.445-2.753q.446-1.35 1.309-2.578q.198-.253.455-.253t.418.297l3.854 6.768q.13.211-.003.423q-.134.212-.37.212zm5.192 6.35q-1.746-.628-3.15-1.935Q4.43 17.223 3.73 15.55q-.125-.287.021-.486t.458-.199h7.9q.236 0 .357.212q.121.211-.01.423l-2.643 4.679q-.143.229-.366.3t-.463-.013M12 21q-.235 0-.499-.018t-.493-.05q-.292-.05-.408-.26q-.115-.213.04-.474l3.952-6.72q.131-.21.385-.21t.385.21l2.584 4.53q.137.217.084.465t-.25.408q-1.188 1.004-2.687 1.561T12 21m6.39-3.702l-3.865-6.817q-.13-.212-.007-.423t.36-.212h5.33q.217 0 .404.159q.186.159.236.376q.07.41.11.811q.042.402.042.808q0 1.46-.436 2.788q-.435 1.327-1.318 2.548q-.18.237-.44.24t-.416-.278"/></svg>

Como usar o ícone Camera Rounded

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols-light:camera-rounded" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols-light:camera-rounded" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols-light:camera-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--camera-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:camera-rounded"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols-light:camera-rounded"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/camera-rounded.svg" alt="Ícone Camera Rounded" width="24" height="24">

Ícones relacionados em Material Symbols Light

O ícone Camera Rounded em outras coleções

Perguntas frequentes sobre Ícone Camera Rounded

O ícone Camera Rounded é grátis para uso comercial?

Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Camera Rounded no React?

Instale @iconify/react e renderize <Icon icon="material-symbols-light:camera-rounded" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Camera Rounded a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/camera-rounded.svg" alt="Ícone Camera Rounded">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Material Symbols Light →