Ícone Hourglass Outline

solar:hourglass-outline

O ícone Hourglass Outline (solar:hourglass-outline) é 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: hourglassoutline

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" fill-rule="evenodd" d="M11.9376 1.25H12.0624C14.0761 1.24998 15.6654 1.24997 16.8229 1.40259C17.9607 1.5526 18.983 1.88319 19.4685 2.82586C19.5384 2.96167 19.5975 3.10281 19.645 3.24795C19.9763 4.25892 19.4861 5.21387 18.7879 6.11769C18.0778 7.03683 16.9536 8.1501 15.5303 9.55956L13.0659 12L15.5303 14.4404C16.9536 15.8499 18.0778 16.9632 18.7879 17.8823C19.4861 18.7861 19.9763 19.7411 19.645 20.752C19.5975 20.8972 19.5384 21.0383 19.4685 21.1741C18.983 22.1168 17.9607 22.4474 16.8229 22.5974C15.6654 22.75 14.0761 22.75 12.0624 22.75H11.9376C9.92383 22.75 8.33457 22.75 7.177 22.5974C6.03925 22.4474 5.01697 22.1168 4.53146 21.1741C4.46151 21.0383 4.40247 20.8972 4.35491 20.752C4.02365 19.7411 4.51387 18.7861 5.21208 17.8823C5.92214 16.9632 7.04636 15.8499 8.46969 14.4404L10.9341 12L8.46969 9.55957C7.04637 8.15011 5.92214 7.03684 5.21208 6.11769C4.51387 5.21387 4.02365 4.25893 4.35491 3.24795C4.40247 3.10281 4.46151 2.96167 4.53146 2.82586C5.01697 1.88319 6.03925 1.5526 7.177 1.40259C8.33457 1.24997 9.92382 1.24998 11.9376 1.25ZM12 10.9445L14.4299 8.53815C15.9079 7.0746 16.9593 6.03105 17.6008 5.20068C18.2616 4.34534 18.2974 3.95253 18.2196 3.71502C18.1968 3.64553 18.1685 3.57787 18.135 3.51267C18.0183 3.28608 17.7062 3.03203 16.6269 2.88972C15.5793 2.7516 14.0897 2.75 12 2.75C9.91028 2.75 8.42065 2.7516 7.37308 2.88972C6.29377 3.03203 5.98169 3.28608 5.86499 3.51267C5.83141 3.57787 5.80311 3.64553 5.78034 3.71502C5.70252 3.95253 5.73838 4.34534 6.39913 5.20068C7.04061 6.03105 8.09208 7.0746 9.57001 8.53815L12 10.9445ZM12 13.0555L9.57001 15.4618C8.09208 16.9254 7.04061 17.969 6.39913 18.7993C5.73838 19.6547 5.70252 20.0475 5.78034 20.285C5.80311 20.3545 5.83141 20.4221 5.86499 20.4873C5.98169 20.7139 6.29377 20.968 7.37308 21.1103C8.42065 21.2484 9.91028 21.25 12 21.25C14.0897 21.25 15.5793 21.2484 16.6269 21.1103C17.7062 20.968 18.0183 20.7139 18.135 20.4873C18.1685 20.4221 18.1968 20.3545 18.2196 20.285C18.2974 20.0475 18.2616 19.6547 17.6008 18.7993C16.9593 17.969 15.9079 16.9254 14.4299 15.4618L12 13.0555Z" clip-rule="evenodd"/></svg>

Como usar o ícone Hourglass Outline

React

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

<Icon icon="solar:hourglass-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:hourglass-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:hourglass-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--hourglass-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:hourglass-outline"></div>

Web component

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

<iconify-icon icon="solar:hourglass-outline"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/hourglass-outline.svg" alt="Ícone Hourglass Outline" width="24" height="24">

Ícones relacionados em Solar

O ícone Hourglass Outline em outras coleções

Perguntas frequentes sobre Ícone Hourglass Outline

O ícone Hourglass Outline é 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 Hourglass Outline no React?

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

Como adiciono o ícone Hourglass Outline a uma página web?

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

Ver todos os Ícones Solar →