Ícone Hourglass Solid
streamline-plump:hourglass-solid
O ícone Hourglass Solid (streamline-plump:hourglass-solid) é um ícone SVG gratuito da coleção Plump free icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Plump free 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
- Plump free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Interface essencial
- Tags
- hourglasssolid
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M23.987 1.5c3.676 0 7.065.256 9.815 1.196c2.815.962 5.047 2.678 6.173 5.579c1.64 4.226-.86 7.91-3.083 10.495a57 57 0 0 1-1.728 1.9l-.192.203c-.484.515-.923.98-1.308 1.42c-.439.5-.758.908-.963 1.246c-.18.296-.21.437-.214.461c.004.024.034.165.214.46c.205.339.524.748.963 1.247c.385.44.824.905 1.309 1.42l.191.204a57 57 0 0 1 1.728 1.899c2.222 2.585 4.723 6.269 3.083 10.495c-1.125 2.9-3.358 4.617-6.173 5.579c-2.75.94-6.14 1.196-9.815 1.196c-3.653 0-7.001-.307-9.729-1.276c-2.779-.987-4.99-2.694-6.152-5.48c-1.788-4.288.707-7.986 2.954-10.567a53 53 0 0 1 1.746-1.889l.244-.253c.471-.49.899-.936 1.277-1.357c.445-.496.769-.9.976-1.235c.172-.277.206-.414.212-.443c-.006-.029-.04-.166-.212-.443c-.207-.335-.531-.74-.976-1.235a57 57 0 0 0-1.277-1.357l-.244-.253a53 53 0 0 1-1.746-1.889c-2.247-2.581-4.742-6.279-2.954-10.566c1.162-2.787 3.373-4.494 6.152-5.481c2.728-.97 6.076-1.276 9.73-1.276M24 39c-2.511 0-4.508-.257-6.035-.587c-2.245-.485-2.8-2.958-1.225-4.63C18.835 31.559 21.737 29 24 29s5.165 2.56 7.26 4.783c1.574 1.672 1.02 4.145-1.225 4.63c-1.528.33-3.524.587-6.035.587m0-26c3.579 0 6.112.523 7.734 1.034q-.061.084-.13.167C29.495 16.788 26.39 20 24 20s-5.493-3.212-7.605-5.799a4 4 0 0 1-.129-.167C17.888 13.523 20.421 13 24 13" clip-rule="evenodd"/></svg>
Como usar o ícone Hourglass Solid
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:hourglass-solid" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:hourglass-solid" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:hourglass-solid" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--hourglass-solid]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:hourglass-solid"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:hourglass-solid"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/hourglass-solid.svg" alt="Ícone Hourglass Solid" width="24" height="24">
Ícones relacionados em Plump free icons
O ícone Hourglass Solid em outras coleções
Perguntas frequentes sobre Ícone Hourglass Solid
O ícone Hourglass Solid é grátis para uso comercial?
Sim. Plump free 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 Solid no React?
Instale @iconify/react e renderize <Icon icon="streamline-plump:hourglass-solid" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hourglass Solid a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-plump/hourglass-solid.svg" alt="Ícone Hourglass Solid">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Plump free icons →
ICONYZ
