Ícone Hourglass
et:hourglass
O ícone Hourglass (et:hourglass) é um ícone SVG gratuito da coleção Elegant de Kenny Sing. Ele é desenhado em uma grade de 21 × 32. Elegant icons são publicados sob a licença GPL 3.0, que permite o uso em projetos pessoais e comerciais; versões modificadas dos arquivos dos ícones devem manter a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Elegant
- Autor
- Kenny Sing
- Licença
- GPL-3.0-or-later
- Tamanho
- 21 × 32
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="32" viewBox="0 0 21 32"><g fill="currentColor"><path d="M21.021.5a.5.5 0 0 0-.5-.5H.479a.5.5 0 0 0 0 1h20.043a.5.5 0 0 0 .499-.5M20 6.112V2.5a.5.5 0 0 0-.5-.5H1.582a.5.5 0 0 0-.5.5v3.612c0 4.976 3.808 8.35 6.014 9.886C4.567 17.74 1 21.055 1 25.888V29.5a.5.5 0 0 0 .5.5h18a.5.5 0 0 0 .5-.5v-3.583c0-4.962-3.863-8.365-6.095-9.916C16.434 14.259 20 10.945 20 6.112M10.5 24.19L15.31 29H5.69zm2.232-8.612a.498.498 0 0 0 0 .844C14.617 17.617 19 20.935 19 25.917V29h-2.288c-.009-.011-.013-.025-.023-.035L11 23.276V22.5a.5.5 0 0 0-1 0v.776l-5.689 5.689c-.01.01-.014.024-.023.035H2v-3.112c0-4.777 3.927-7.981 6.268-9.465a.5.5 0 0 0 0-.845C6.408 14.398 2 11.115 2 6.112V3h17v3.112c0 4.778-3.927 7.981-6.268 9.466"/><path d="M15.541 8.972H5.727a.501.501 0 0 0-.432.753c1.187 2.021 2.92 3.258 4.755 4.569l.159.113a.5.5 0 0 0 .582 0q.393-.28.79-.555c1.639-1.144 3.334-2.326 4.391-4.127a.499.499 0 0 0-.431-.753m-4.533 4.059l-.507.355c-1.505-1.075-2.835-2.042-3.846-3.415h7.943c-.941 1.212-2.234 2.114-3.59 3.06M.479 32h20.043a.5.5 0 0 0 0-1H.479a.5.5 0 0 0 0 1M10.5 19a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 0-.5-.5m0-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 0-.5-.5"/></g></svg>
Como usar o ícone Hourglass
React
import { Icon } from "@iconify/react";
<Icon icon="et:hourglass" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="et:hourglass" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="et:hourglass" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[et--hourglass]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:hourglass"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="et:hourglass"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/et/hourglass.svg" alt="Ícone Hourglass" width="24" height="24">
O ícone Hourglass em outras coleções
Perguntas frequentes sobre Ícone Hourglass
O ícone Hourglass é grátis para uso comercial?
Sim. Elegant icons são publicados sob a licença GPL 3.0, que permite o uso em projetos pessoais e comerciais; versões modificadas dos arquivos dos ícones devem manter a mesma licença.
Como uso o ícone Hourglass no React?
Instale @iconify/react e renderize <Icon icon="et:hourglass" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hourglass a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/et/hourglass.svg" alt="Ícone Hourglass">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Elegant →
ICONYZ
