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

Kostenlose Video-Icons (SVG)

48 kostenlose Video-Icons aus Open-Source-Sets – klick ein Icon an, um Größe, Farbe und Strichstärke zu ändern und es als SVG, JSX, Data-URI oder CSS zu kopieren.

Aktualisiert am

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

Video-Icons verwenden

Videokamera- und Filmicons kennzeichnen Videos, Aufnahmen und Livestreams.

Alle Icons hier folgen currentColor, übernehmen also die Textfarbe des Elements, in dem sie stehen – ein SVG funktioniert auf hellen und dunklen Hintergründen, in Links und in Buttons. Setze eine explizite width und height (oder definiere die Größe per CSS mit 1em), damit sich das Layout beim Laden der Seite nicht verschiebt.

Barrierefreie Icons

Wenn das Icon dekorativ ist oder neben sichtbarem Text steht, ergänze aria-hidden="true". Ist es der einzige Inhalt eines Buttons oder Links, gib diesem Element ein aria-label wie „Video“.

Lizenzen

Diese Video-Icons stammen aus Lucide, Tabler, Phosphor, Fluent UI, Material Symbols, Material Design Icons und Carbon – Open-Source-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die persönliche und kommerzielle Nutzung erlauben. Brauchst du etwas anderes? Durchsuche alle über 70.000 Icons im SVG Icon Finder.

Häufige Fragen

Sind diese Video-Icons für die kommerzielle Nutzung kostenlos?
Ja. Sie stammen aus Open-Source-Icon-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die kommerzielle Nutzung erlauben. Behalte den Lizenzhinweis bei, wenn du die Icon-Dateien selbst weitergibst.
Wie ändere ich die Farbe eines Video-Icons?
Die SVGs verwenden currentColor, du legst also die CSS-Farbe des übergeordneten Elements fest – oder öffnest das Icon im Finder und wählst vor dem Kopieren eine feste Farbe.
Kann ich diese Icons in Webflow oder React verwenden?
Ja. Öffne ein Icon und nutze „In Webflow kopieren“ (fügt ein Code Embed ein) oder „JSX kopieren“ für eine React-Komponente.