Ícone Alarm 1 Line
mingcute:alarm-1-line
O ícone Alarm 1 Line (mingcute:alarm-1-line) é um ícone SVG gratuito da coleção MingCute Icon de MingCute Design. Ele é desenhado em uma grade de 24 × 24. MingCute Icon 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
- MingCute Icon
- Autor
- MingCute Design
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Tags
- alarmline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13 9a1 1 0 1 0-2 0zm-1 4h-1a1 1 0 0 0 .293.707zm1.293 2.707a1 1 0 0 0 1.414-1.414L14 15zm-8 4.586a1 1 0 1 0 1.414 1.414L6 21zm12 1.414a1 1 0 0 0 1.414-1.414L18 21zM12 9h-1v4h2V9zm0 4l-.707.707l2 2L14 15l.707-.707l-2-2zm6 8l.707-.707l-1.432-1.432l-.707.707l-.707.707l1.432 1.432zm2-8h-1a6.99 6.99 0 0 1-3.003 5.748l.571.82l.572.82A8.99 8.99 0 0 0 21 13zm-3.432 6.568l-.571-.82A6.96 6.96 0 0 1 12 20v2c1.91 0 3.682-.596 5.14-1.611zm-9.136 0l-.707-.707l-1.432 1.432L6 21l.707.707l1.432-1.432zM12 21v-1a6.96 6.96 0 0 1-3.997-1.252l-.571.82l-.572.82A8.96 8.96 0 0 0 12 22zm-4.568-1.432l.571-.82A6.99 6.99 0 0 1 5 13H3a8.99 8.99 0 0 0 3.86 7.389zM4 6.5h1A1.5 1.5 0 0 1 6.5 5V3A3.5 3.5 0 0 0 3 6.5zM17.5 4v1A1.5 1.5 0 0 1 19 6.5h2A3.5 3.5 0 0 0 17.5 3zm-11 0v1c.646 0 1.2.41 1.41.986l.94-.342l.94-.342A3.5 3.5 0 0 0 6.5 3zm2.35 1.644l.394.92A7 7 0 0 1 12 6V4a9 9 0 0 0-3.544.725zm6.3 0l.94.342C16.3 5.41 16.854 5 17.5 5V3c-1.514 0-2.8.96-3.29 2.302zM12 5v1c.98 0 1.912.201 2.756.563l.394-.919l.394-.919A9 9 0 0 0 12 4zm3.15.644l-.394.92a7.03 7.03 0 0 1 3.135 2.653l.84-.541l.842-.541a9.03 9.03 0 0 0-4.029-3.41zm3.582 3.032l-.841.541A6.96 6.96 0 0 1 19 13h2c0-1.79-.524-3.462-1.427-4.865zM20 6.5h-1a1.5 1.5 0 0 1-.762 1.306l.494.87l.493.87A3.5 3.5 0 0 0 21 6.5zM4 13h1c0-1.395.407-2.693 1.109-3.783l-.84-.541l-.842-.541A8.96 8.96 0 0 0 3 13zm1.268-4.324l.841.541a7.03 7.03 0 0 1 3.135-2.654l-.394-.919l-.394-.919a9.03 9.03 0 0 0-4.029 3.41zm0 0l.494-.87A1.5 1.5 0 0 1 5 6.5H3a3.5 3.5 0 0 0 1.775 3.046z"/></svg>Como usar o ícone Alarm 1 Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:alarm-1-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:alarm-1-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:alarm-1-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--alarm-1-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:alarm-1-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:alarm-1-line"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/mingcute/alarm-1-line.svg" alt="Ícone Alarm 1 Line" width="24" height="24">Ícones relacionados em MingCute Icon
Perguntas frequentes sobre Ícone Alarm 1 Line
O ícone Alarm 1 Line é grátis para uso comercial?
Sim. MingCute Icon icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Alarm 1 Line no React?
Instale @iconify/react e renderize <Icon icon="mingcute:alarm-1-line" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Alarm 1 Line a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/mingcute/alarm-1-line.svg" alt="Ícone Alarm 1 Line">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.