Ikon Traffic Light

hugeicons:traffic-light

Ikon Traffic Light (hugeicons:traffic-light) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Huge Icons
Pembuat: Hugeicons
Lisensi: MIT
Ukuran: 24 × 24
Tag: trafficlight

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M13.5 6.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Zm0 6a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"/><path d="M12 17c-1.87 0-2.804 0-3.5-.402A3 3 0 0 1 7.402 15.5C7 14.804 7 13.87 7 12V7c0-1.87 0-2.804.402-3.5A3 3 0 0 1 8.5 2.402C9.196 2 10.13 2 12 2s2.804 0 3.5.402A3 3 0 0 1 16.598 3.5C17 4.196 17 5.13 17 7v5c0 1.87 0 2.804-.402 3.5a3 3 0 0 1-1.098 1.098C14.804 17 13.87 17 12 17Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 17v5M7 8l-1.044-.877C4.641 6.02 3.984 5.468 4 4.966c.007-.204.073-.4.189-.564C4.475 4 5.316 4 7 4m10 4l1.044-.877C19.358 6.02 20.016 5.468 20 4.966a1.03 1.03 0 0 0-.189-.564C19.525 4 18.684 4 17 4m0 11l1.044-.876c1.314-1.104 1.972-1.657 1.956-2.158a1.03 1.03 0 0 0-.189-.564C19.525 11 18.684 11 17 11M7 15l-1.044-.876C4.641 13.02 3.984 12.467 4 11.966c.007-.204.073-.4.189-.564C4.475 11 5.316 11 7 11"/></g></svg>

Cara memakai ikon Traffic Light

React

import { Icon } from "@iconify/react";

<Icon icon="hugeicons:traffic-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="hugeicons:traffic-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="hugeicons:traffic-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--traffic-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:traffic-light"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="hugeicons:traffic-light"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/traffic-light.svg" alt="Ikon Traffic Light" width="24" height="24">

Ikon terkait di Huge Icons

Ikon Traffic Light di set ikon lain

FAQ Ikon Traffic Light

Apakah ikon Traffic Light gratis untuk penggunaan komersial?

Ya. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Traffic Light di React?

Pasang @iconify/react lalu render <Icon icon="hugeicons:traffic-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Traffic Light ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/hugeicons/traffic-light.svg" alt="Ikon Traffic Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Huge Icons →