Hourglass Outline icon

solar:hourglass-outline

The Hourglass Outline icon (solar:hourglass-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Time
Tags: hourglassoutline

Download SVG

SVG code

<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>

How to use the Hourglass Outline icon

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>

HTML image

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

Related icons in Solar

Hourglass Outline icon in other icon sets

Hourglass Outline icon FAQ

Is the Hourglass Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Hourglass Outline icon in React?

Install @iconify/react and render <Icon icon="solar:hourglass-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hourglass Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/hourglass-outline.svg" alt="Hourglass Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →