Ícone Alarm Sleep Bold

solar:alarm-sleep-bold

O ícone Alarm Sleep Bold (solar:alarm-sleep-bold) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Tempo
Tags: alarmsleep, sleepbold, alarmsleepbold

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8.13612 1.6026C8.35566 1.95386 8.24887 2.41657 7.89762 2.6361L3.8976 5.1361C3.54634 5.35563 3.08363 5.24885 2.8641 4.8976C2.64457 4.54634 2.75135 4.08363 3.1026 3.8641L7.10263 1.3641C7.45388 1.14457 7.91659 1.25135 8.13612 1.6026ZM15.8641 1.6026C16.0836 1.25135 16.5463 1.14457 16.8976 1.3641L20.8976 3.8641C21.2489 4.08363 21.3556 4.54635 21.1361 4.8976C20.9166 5.24885 20.4539 5.35563 20.1026 5.1361L16.1026 2.6361C15.7513 2.41657 15.6446 1.95385 15.8641 1.6026Z"/><path d="M12.0001 22.0001C16.9707 22.0001 21.0001 17.9707 21.0001 13.0001C21.0001 8.02954 16.9707 4.0001 12.0001 4.0001C7.02954 4.0001 3.0001 8.02954 3.0001 13.0001C3.0001 17.9707 7.02954 22.0001 12.0001 22.0001ZM9.0001 10.7501C8.58589 10.7501 8.2501 10.4143 8.2501 10.0001C8.2501 9.58589 8.58589 9.2501 9.0001 9.2501H15.0001C15.3034 9.2501 15.5769 9.43283 15.693 9.71309C15.8091 9.99334 15.7449 10.3159 15.5304 10.5304L10.8108 15.2501H15.0001C15.4143 15.2501 15.7501 15.5859 15.7501 16.0001C15.7501 16.4143 15.4143 16.7501 15.0001 16.7501H9.0001C8.69675 16.7501 8.42328 16.5674 8.30719 16.2871C8.1911 16.0069 8.25527 15.6843 8.46977 15.4698L13.1894 10.7501H9.0001Z"/></g></svg>

Como usar o ícone Alarm Sleep Bold

React

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

<Icon icon="solar:alarm-sleep-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:alarm-sleep-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:alarm-sleep-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--alarm-sleep-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:alarm-sleep-bold"></div>

Web component

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

<iconify-icon icon="solar:alarm-sleep-bold"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/alarm-sleep-bold.svg" alt="Ícone Alarm Sleep Bold" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Alarm Sleep Bold

O ícone Alarm Sleep Bold é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Alarm Sleep Bold no React?

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

Como adiciono o ícone Alarm Sleep Bold a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/alarm-sleep-bold.svg" alt="Ícone Alarm Sleep Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →