내용으로 건너뛰기

Stoplights

  • 태그: traffic, lights, intersection
  • 카테고리: Real world

예제

Heading
Smaller heading

Inline text

Example link text

다운로드

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

SVG 다운로드

아이콘 폰트

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

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

코드 포인트

  • Unicode: U+F595
  • CSS: \F595
  • JS: \uF595
  • HTML: &#xF595;

HTML 복사

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

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stoplights" viewBox="0 0 16 16">
  <path d="M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m0 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m1.5 2.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/>
  <path d="M4 2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2h2c-.167.5-.8 1.6-2 2v2h2c-.167.5-.8 1.6-2 2v2h2c-.167.5-.8 1.6-2 2v1a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-1c-1.2-.4-1.833-1.5-2-2h2V8c-1.2-.4-1.833-1.5-2-2h2V4c-1.2-.4-1.833-1.5-2-2zm2-1a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
</svg>