Ícone Alarm Clock Check Fill

keyline-icons:alarm-clock-check-fill

O ícone Alarm Clock Check Fill (keyline-icons:alarm-clock-check-fill) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline Icons são publicados sob a licença MIT, 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: Keyline Icons
Autor: Keyline Icons
Licença: MIT
Tamanho: 24 × 24
Tags: alarmclock, clockcheck, checkfill, alarmclockcheckfill

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M12 4C16.9706 4 21 8.0294 21 13C21 17.9706 16.9706 22 12 22C7.0294 22 3 17.9706 3 13C3 8.0294 7.0294 4 12 4ZM8.4546 14.2628L10.6543 16.5255C10.8426 16.7191 11.1012 16.8284 11.3713 16.8284C11.7197 16.8284 12.0429 16.6471 12.2246 16.3499L15.6817 10.6931C15.7776 10.5361 15.8284 10.3556 15.8284 10.1716C15.8284 9.6193 15.3807 9.1716 14.8284 9.1716C14.48 9.1716 14.1568 9.3529 13.9751 9.6501L11.1901 14.2073L9.8886 12.8687C9.7003 12.675 9.4417 12.5657 9.1716 12.5657C8.6193 12.5657 8.1716 13.0134 8.1716 13.5657C8.1716 13.8261 8.2731 14.0761 8.4546 14.2628Z" clip-rule="evenodd" stroke="none"/><path d="M3 5.0627C4.1606 3.7467 5.5957 2.7013 7.2042 2M21 5.0627C19.8394 3.7467 18.4043 2.7013 16.7958 2M8 19.9282L6.8038 22M16 19.9282L17.1962 22"/></g></svg>

Como usar o ícone Alarm Clock Check Fill

React

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

<Icon icon="keyline-icons:alarm-clock-check-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:alarm-clock-check-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:alarm-clock-check-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--alarm-clock-check-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:alarm-clock-check-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:alarm-clock-check-fill"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/alarm-clock-check-fill.svg" alt="Ícone Alarm Clock Check Fill" width="24" height="24">

Ícones relacionados em Keyline Icons

Perguntas frequentes sobre Ícone Alarm Clock Check Fill

O ícone Alarm Clock Check Fill é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Alarm Clock Check Fill no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:alarm-clock-check-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Alarm Clock Check Fill a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/alarm-clock-check-fill.svg" alt="Ícone Alarm Clock Check Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →