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

Бесплатные иконки видео (SVG)

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

Обновлено

video
Lucidevideo
Tablervideo
Phosphorvideo-16-filled
Fluent UIvideo-call
Material Symbolsvideo
Material Design Iconsvideo
Carbonvideo-off
Lucidevideo-filled
Tablervideo-bold
Phosphorvideo-16-regular
Fluent UIvideo-call-outline
Material Symbolsvideo-outline
Material Design Iconsvideo-filled
Carbonfile-video
Lucidevideo-off
Tablervideo-duotone
Phosphorvideo-20-filled
Fluent UIvideo-call-outline-rounded
Material Symbolsvideo-2d
Material Design Iconsvideo-add
Carbonlist-video
Lucidevideo-plus
Tablervideo-fill
Phosphorvideo-20-regular
Fluent UIvideo-call-outline-sharp
Material Symbolsvideo-3d
Material Design Iconsvideo-off
Carbonvideo-plus-filled
Tablervideo-light
Phosphorvideo-24-filled
Fluent UIvideo-call-rounded
Material Symbolsvideo-box
Material Design Iconsvideo-off-filled
Carbonvideo-thin
Phosphorvideo-24-regular
Fluent UIvideo-call-sharp
Material Symbolsvideo-off
Material Design Iconsvideo-chat
Carbonvideo-28-filled
Fluent UIvideo-chat
Material Symbolsvideo-off-outline
Material Design Iconsvideo-28-regular
Fluent UIvideo-chat-outline
Material Symbolsfile-video
Material Design Iconsvideo-32-filled
Fluent UIvideo-chat-outline-rounded
Material Symbolsfile-video-outline
Material Design Icons

Как использовать иконки видео

Иконки видеокамеры и кадра пленки обозначают видео, записи и прямые трансляции.

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

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

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

Лицензии

Эти иконки видео взяты из наборов Lucide, Tabler, Phosphor, 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-компонента.