내용으로 건너뛰기

Hourglass

  • 태그: time, history, wait, sand, clock
  • 카테고리: Real world

예제

Heading
Smaller heading

Inline text

Example link text

다운로드

사용하거나 수정하려면 SVG를 다운로드하세요.

SVG 다운로드

아이콘 폰트

웹 폰트를 사용하시고 계신가요? 복사해서 붙여넣기만 하면 됩니다.

<i class="bi bi-hourglass"></i>

코드 포인트

  • Unicode: U+F421
  • CSS: \F421
  • JS: \uF421
  • HTML: &#xF421;

HTML 복사

프로젝트 코드에 SVG를 붙여넣기만 하면 됩니다.

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hourglass" viewBox="0 0 16 16">
  <path d="M2 1.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1-.5-.5m2.5.5v1a3.5 3.5 0 0 0 1.989 3.158c.533.256 1.011.791 1.011 1.491v.702c0 .7-.478 1.235-1.011 1.491A3.5 3.5 0 0 0 4.5 13v1h7v-1a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351v-.702c0-.7.478-1.235 1.011-1.491A3.5 3.5 0 0 0 11.5 3V2z"/>
</svg>