Skip to main content

Stoplights

  • 标签: traffic, lights, intersection
  • 分类: Real world

示例

Heading
Smaller heading

Inline text

Example link text

下载

下载并使用此 SVG 图标。

下载此 SVG 图标

图标字体

图标字体?复制、粘贴,完成了。

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

Code point

  • 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 3zm0 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm1.5 2.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
  <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-2h2zm2-1a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6z"/>
</svg>