Ícone Check In Out

material-symbols-light:check-in-out

O ícone Check In Out (material-symbols-light:check-in-out) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Material Symbols Light
Autor: Google
Licença: Apache-2.0
Tamanho: 24 × 24
Categoria: Atividades
Tags: checkin, inout, checkinout, check in out sharp, check in out outline, check in out outline sharp

Baixar SVG

Código 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>

Como usar o ícone 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>

Imagem HTML

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

Ícones relacionados em Material Symbols Light

O ícone Check In Out em outras coleções

Perguntas frequentes sobre Ícone Check In Out

O ícone Check In Out é grátis para uso comercial?

Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Check In Out no React?

Instale @iconify/react e renderize <Icon icon="material-symbols-light:check-in-out" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Check In Out a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/check-in-out.svg" alt="Ícone Check In Out">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Material Symbols Light →