Icônes vidéo gratuites (SVG)

48 icônes vidéo issues de jeux open source : cliquez sur l'une d'elles pour modifier sa taille, sa couleur et son trait, puis copiez-la en SVG, JSX, data URI ou CSS.

Mis à jour le

Utiliser les icônes vidéo

Les icônes de caméra et de film signalent les vidéos, enregistrements et diffusions en direct.

Toutes les icônes ici utilisent currentColor, elles prennent donc la couleur de texte de l'élément dans lequel elles se trouvent : un seul SVG fonctionne sur fonds clairs et sombres, dans les liens comme dans les boutons. Définissez explicitement width et height (ou dimensionnez-les en CSS avec 1em) afin que la mise en page ne bouge pas pendant le chargement de la page.

Icônes accessibles

Si l'icône est décorative ou placée à côté d'un texte visible, ajoutez aria-hidden="true". Si elle est le seul contenu d'un bouton ou d'un lien, donnez à cet élément un aria-label tel que « Vidéo ».

Licences

Ces icônes vidéo proviennent de Lucide, Tabler, Phosphor, Fluent UI, Material Symbols, Material Design Icons et Carbon : des jeux open source sous licences MIT, ISC ou Apache 2.0, qui autorisent l'usage personnel et commercial. Besoin d'autre chose ? Recherchez parmi plus de 70 000 icônes dans le SVG Icon Finder.

Questions fréquentes

Ces icônes vidéo sont-elles gratuites pour un usage commercial ?
Oui. Elles proviennent de jeux d'icônes open source sous licences MIT, ISC ou Apache 2.0, qui autorisent l'usage commercial. Conservez la mention de licence si vous redistribuez vous-même les fichiers d'icônes.
Comment changer la couleur d'une icône vidéo ?
Les SVG utilisent currentColor : définissez donc la propriété CSS color de l'élément parent, ou ouvrez l'icône dans le moteur de recherche et choisissez une couleur fixe avant de la copier.
Puis-je utiliser ces icônes dans Webflow ou React ?
Oui. Ouvrez une icône et utilisez Copier pour Webflow (colle un Code Embed) ou Copier le JSX pour un composant React.