ICONYZ
Português (Brasil)
Ícone Clock Alert de Material Design Icons

Ícone Clock Alert

mdi:clock-alert

O ícone Clock Alert (mdi:clock-alert) é um ícone SVG gratuito da coleção Material Design Icons de Pictogrammers. Ele é desenhado em uma grade de 24 × 24. Material Design 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 Design Icons
Autor
Pictogrammers
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Alerta e erro, Data e hora
Tags
clock warning, date, time, alert, error, clockalert
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="M20 12h2v6h-2zm0 8h2v2h-2zM12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c2.3 0 4.3-.8 6-2V10h3.8c-.9-4.6-5-8-9.8-8m4.2 14.2L11 13V7h1.5v5.2l4.5 2.7z"/></svg>

Como usar o ícone Clock Alert

React

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

<Icon icon="mdi:clock-alert" width="24" />

Vue

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

<template>
  <Icon icon="mdi:clock-alert" width="24" />
</template>

Svelte

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

<Icon icon="mdi:clock-alert" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--clock-alert]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:clock-alert"></div>

Web component

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

<iconify-icon icon="mdi:clock-alert"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/mdi/clock-alert.svg" alt="Ícone Clock Alert" width="24" height="24">

Ícones relacionados em Material Design Icons

Ícone clock
clock
 Ícone clock-alert-outline
clock-alert-outline
 Ícone clock-check
clock-check
 Ícone clock-check-outline
clock-check-outline
 Ícone clock-digital
clock-digital
 Ícone clock-edit
clock-edit
 Ícone clock-edit-outline
clock-edit-outline
 Ícone clock-end
clock-end
 Ícone clock-fast
clock-fast
 Ícone clock-in
clock-in
 Ícone clock-minus
clock-minus
 Ícone clock-minus-outline
clock-minus-outline
 Ícone clock-out
clock-out
 Ícone clock-outline
clock-outline
 Ícone clock-plus
clock-plus
 Ícone clock-plus-outline
clock-plus-outline
 Ícone clock-remove
clock-remove
 Ícone clock-remove-outline
clock-remove-outline
 Ícone clock-star-four-points
clock-star-four-points
 Ícone clock-star-four-points-outline
clock-star-four-points-outline
 Ícone clock-start
clock-start
 Ícone clock-time-eight
clock-time-eight
 Ícone clock-time-eight-outline
clock-time-eight-outline
 Ícone clock-time-eleven
clock-time-eleven

O ícone Clock Alert em outras coleções

Ícone Clock Alert de Lucide
Lucide
 Ícone Clock Alert de Huge Icons
Huge Icons
 Ícone Clock Alert de IconOven
IconOven

Perguntas frequentes sobre Ícone Clock Alert

O ícone Clock Alert é grátis para uso comercial?

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

Como uso o ícone Clock Alert no React?

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

Como adiciono o ícone Clock Alert a uma página web?

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

Ver todos os Material Design Icons →