devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Бесплатные иконки камеры (SVG)

48 бесплатных иконок камеры из наборов с открытым кодом — нажмите на любую, чтобы изменить размер, цвет и толщину обводки, и скопируйте её как SVG, JSX, data URI или CSS.

Обновлено

camera
Lucidecamera
Tablercamera
Heroiconscamera
Phosphorcamera
Bootstrap Iconscamera
Iconoircamera-16-filled
Fluent UIcamera
Material Symbolscamera
Material Design Iconscamera
Carboncamera-off
Lucidecamera-filled
Tablercamera-16-solid
Heroiconscamera-bold
Phosphorcamera-fill
Bootstrap Iconscamera-solid
Iconoircamera-16-regular
Fluent UIcamera-outline
Material Symbolscamera-outline
Material Design Iconscamera-x
Tablercamera-20-solid
Heroiconscamera-duotone
Phosphorcamera-20-filled
Fluent UIcamera-outline-rounded
Material Symbolscamera-off
Material Design Iconscamera-ai
Tablercamera-solid
Heroiconscamera-fill
Phosphorcamera-20-regular
Fluent UIcamera-rounded
Material Symbolscamera-off-outline
Material Design Iconscamera-up
Tablercamera-light
Phosphorcamera-24-filled
Fluent UIcamera-roll
Material Symbolsweb-camera
Material Design Iconscamera-cog
Tablercamera-thin
Phosphorcamera-24-regular
Fluent UIcamera-roll-outline
Material Symbolscamera-flip
Material Design Iconscamera-off
Tablercamera-28-filled
Fluent UIcamera-roll-outline-rounded
Material Symbolscamera-flip-outline
Material Design Iconscamera-pin
Tablercamera-28-regular
Fluent UIcamera-roll-outline-sharp
Material Symbols

Использование иконок камеры

Камеры обозначают съёмку фото, смену фото профиля и видеозвонки.

Все иконки здесь следуют currentColor, поэтому они берут цвет текста того элемента, в котором находятся — один SVG работает и на светлом, и на тёмном фоне, в ссылках и в кнопках. Задайте явные width и height (или размеры в CSS через 1em), чтобы верстка не смещалась во время загрузки страницы.

Доступные иконки

Если иконка декоративная или стоит рядом с видимым текстом, добавьте aria-hidden="true". Если она — единственное содержимое кнопки или ссылки, задайте этому элементу aria-label, например «Камера».

Лицензии

Эти иконки камеры взяты из Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon — наборов с открытым кодом под лицензиями MIT, ISC или Apache 2.0, которые разрешают личное и коммерческое использование. Нужно что-то другое? Ищите среди всех 70 000+ иконок в SVG Icon Finder.

Часто задаваемые вопросы

Можно ли использовать иконки камеры в коммерческих проектах бесплатно?
Да. Они взяты из наборов иконок с открытым кодом под лицензиями MIT, ISC или Apache 2.0, которые разрешают коммерческое использование. Сохраняйте уведомление о лицензии, если сами распространяете файлы иконок.
Как изменить цвет иконки камеры?
В SVG используется currentColor, поэтому задайте CSS-свойство color для родительского элемента — или откройте иконку в поиске и выберите фиксированный цвет перед копированием.
Можно ли использовать эти иконки в Webflow или React?
Да. Откройте иконку и используйте Copy to Webflow (вставит Code Embed) или Copy JSX для компонента React.