Icône Codec
arcticons:codec
L'icône Codec (arcticons:codec) est une icône SVG gratuite de la collection Arcticons par Donnnno. Elle est dessinée sur une grille de 48 × 48. Les Arcticons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Arcticons
- Auteur
- Donnnno
- Licence
- CC-BY-SA-4.0
- Taille
- 48 × 48
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.467 12.875V6.5a2 2 0 0 1 2-2H35.55a2 2 0 0 1 2 2v13.307M16.315 9.275h16.506m-12.849 4.7h12.849m-8.829 4.7h8.829m-12.394 3.326l3.281 1.963m-5.456 3.572l1.794-.977v7.179m-8.131 3.56l1.794-.977V43.5"/><rect width="4.756" height="7.179" x="10.451" y="26.559" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.378" ry="2.378"/><rect width="4.756" height="7.179" x="16.882" y="36.321" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.378" ry="2.378"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.9 37.933q.039-.3.042-.602a5 5 0 0 0-.042-.603l1.304-1.02a.3.3 0 0 0 .076-.395l-1.235-2.142a.3.3 0 0 0-.377-.133l-1.539.62a4.7 4.7 0 0 0-1.042-.602l-.232-1.635a.3.3 0 0 0-.301-.26h-2.476a.3.3 0 0 0-.302.26l-.232 1.635a4.6 4.6 0 0 0-1.042.603l-1.545-.62a.3.3 0 0 0-.377.132l-1.235 2.142a.3.3 0 0 0 .076.394l1.301 1.021q-.039.3-.042.603q.003.303.042.602l-1.301 1.022a.3.3 0 0 0-.076.394l1.235 2.142a.3.3 0 0 0 .377.132l1.54-.62c.32.244.67.447 1.041.602l.232 1.636c.022.15.15.26.302.26h2.47c.15 0 .28-.11.3-.26l.233-1.636a4.6 4.6 0 0 0 1.042-.602l1.54.62a.3.3 0 0 0 .376-.132l1.235-2.142a.3.3 0 0 0-.076-.394zm-4.587 1.56a2.163 2.163 0 1 1 2.16-2.165v.003a2.16 2.16 0 0 1-2.158 2.163z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m34.292 30.902l1.54.62a.3.3 0 0 0 .376-.132l1.235-2.142a.3.3 0 0 0-.075-.394l-1.293-1.021q.039-.3.042-.603a5 5 0 0 0-.042-.602l1.304-1.022a.3.3 0 0 0 .076-.394L36.22 23.07a.3.3 0 0 0-.377-.132l-1.539.62a4.7 4.7 0 0 0-1.042-.602l-.232-1.636a.3.3 0 0 0-.301-.26h-2.476a.3.3 0 0 0-.302.26l-.232 1.636a4.6 4.6 0 0 0-1.042.602l-1.545-.62a.3.3 0 0 0-.377.132l-1.235 2.142a.3.3 0 0 0 .076.394l1.301 1.022q-.039.3-.042.602q.003.303.042.603l-1.301 1.02a.3.3 0 0 0-.076.395l1.235 2.142m4.733-1.997a2.163 2.163 0 1 1 2.16-2.166v.003a2.16 2.16 0 0 1-2.158 2.163zm-13.057-10.34q.03-.224.032-.452a4 4 0 0 0-.032-.451l.978-.766a.226.226 0 0 0 .057-.296l-.927-1.606a.226.226 0 0 0-.282-.1l-1.154.466a3.6 3.6 0 0 0-.782-.452l-.174-1.227a.226.226 0 0 0-.226-.194h-1.857a.226.226 0 0 0-.225.194l-.174 1.227q-.421.175-.782.452l-1.159-.465a.226.226 0 0 0-.282.099l-.926 1.606a.226.226 0 0 0 .056.296l.976.766q-.03.224-.032.452q.003.226.032.451l-.976.766a.226.226 0 0 0-.056.296l.926 1.606c.055.1.177.142.282.1l1.155-.466q.361.275.781.452l.174 1.227a.226.226 0 0 0 .226.194h1.852a.226.226 0 0 0 .226-.194l.174-1.227q.421-.175.782-.452l1.154.465c.106.043.227 0 .282-.099l.926-1.606a.226.226 0 0 0-.056-.296zm-3.441.724a1.175 1.175 0 1 1 1.173-1.177v.001a1.173 1.173 0 0 1-1.171 1.176z"/></svg>Comment utiliser l'icône Codec
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:codec" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:codec" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:codec" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--codec]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:codec"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:codec"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/arcticons/codec.svg" alt="Icône Codec" width="24" height="24">Icônes similaires dans Arcticons
FAQ : Icône Codec
L'icône Codec est-elle gratuite pour un usage commercial ?
Oui. Les Arcticons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Codec dans React ?
Installez @iconify/react et affichez <Icon icon="arcticons:codec" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Codec à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/arcticons/codec.svg" alt="Icône Codec">, ou collez le code SVG directement dans la page pour le styliser en CSS.