Иконка Camera Rounded

material-symbols-light:camera-rounded

Иконка Camera Rounded (material-symbols-light:camera-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Material Symbols Light
Автор: Google
Лицензия: Apache-2.0
Размер: 24 × 24
Категория: Изображения
Теги: aperture, camera, lens, photo, photography, picture, shutter, image, camerarounded

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/camera-rounded.svg" alt="Иконка Camera Rounded" width="24" height="24">

Иконка Camera Rounded в других наборах

Вопросы и ответы: Иконка Camera Rounded

Можно ли бесплатно использовать иконку Camera Rounded в коммерческих проектах?

Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Camera Rounded в React?

Установите @iconify/react и выведите <Icon icon="material-symbols-light:camera-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Camera Rounded на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/camera-rounded.svg" alt="Иконка Camera Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols Light →