Icône Check In Out

material-symbols-light:check-in-out

L'icône Check In Out (material-symbols-light:check-in-out) est une icône SVG gratuite de la collection Material Symbols Light par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Material Symbols Light
Auteur: Google
Licence: Apache-2.0
Taille: 24 × 24
Catégorie: Activités
Mots-clés: checkin, inout, checkinout, check in out sharp, check in out outline, check in out outline sharp

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.352 17.808q-.986 0-1.673-.687q-.687-.686-.725-1.711q.019-1.026.705-1.715q.687-.69 1.702-.69q1.016 0 1.712.697q.696.696.696 1.702t-.696 1.705t-1.721.699m-2.161-6.794V6.192h.832v4.822zm2.161 6.048q.679 0 1.15-.477t.471-1.181t-.468-1.188t-1.161-.483q-.671 0-1.142.483q-.471.484-.471 1.188t.471 1.18t1.15.478m-.102-6.049v-4.82h.977l2.077 3.453l-.012-.604v-2.85h.827v4.821h-.89L8.04 7.374l.017.604v3.037zm5.422 6.795q-.788 0-1.307-.56t-.519-1.396v-2.846h.783v2.883q0 .5.3.833t.734.334t.724-.334t.29-.834v-2.882h.802v2.846q0 .837-.52 1.396q-.518.56-1.287.56m4.209 0v-4.07H15.55v-.732h3.477v.733h-1.344v4.069z"/></svg>

Comment utiliser l'icône Check In Out

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols-light:check-in-out" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols-light:check-in-out" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols-light:check-in-out" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--check-in-out]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:check-in-out"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols-light:check-in-out"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/check-in-out.svg" alt="Icône Check In Out" width="24" height="24">

Icônes similaires dans Material Symbols Light

L'icône Check In Out dans d'autres collections

FAQ : Icône Check In Out

L'icône Check In Out est-elle gratuite pour un usage commercial ?

Oui. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Check In Out dans React ?

Installez @iconify/react et affichez <Icon icon="material-symbols-light:check-in-out" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Check In Out à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/check-in-out.svg" alt="Icône Check In Out">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Material Symbols Light →