Ikon Trafficlight
whh:trafficlight
Ikon Trafficlight (whh:trafficlight) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 768 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 768 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024"><path fill="currentColor" d="M704 384q26 0 45 18.5t19 45.5L576 576v128h128q27 0 45.5 18.5T768 768L576 896v64q0 26-18.5 45t-45.5 19H256q-26 0-45-19t-19-45v-64L0 768q0-27 19-45.5T64 704h128V576L0 448q0-27 19-45.5T64 384h128V256L0 128q0-27 19-45.5T64 64h128q0-27 19-45.5T256 0h256q27 0 45.5 18.5T576 64h128q27 0 45.5 18.5T768 128L576 256v128zM384 960q53 0 90.5-37.5T512 832t-37.5-90.5T384 704t-90.5 37.5T256 832t37.5 90.5T384 960m0-896q-53 0-90.5 37.5T256 192t37.5 90.5T384 320t90.5-37.5T512 192t-37.5-90.5T384 64m0 320q-53 0-90.5 37.5T256 512t37.5 90.5T384 640t90.5-37.5T512 512t-37.5-90.5T384 384"/></svg>Cara memakai ikon Trafficlight
React
import { Icon } from "@iconify/react";
<Icon icon="whh:trafficlight" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:trafficlight" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:trafficlight" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--trafficlight]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:trafficlight"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:trafficlight"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/trafficlight.svg" alt="Ikon Trafficlight" width="24" height="24">Ikon Trafficlight di set ikon lain
FAQ Ikon Trafficlight
Apakah ikon Trafficlight gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Trafficlight di React?
Pasang @iconify/react lalu render <Icon icon="whh:trafficlight" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Trafficlight ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/trafficlight.svg" alt="Ikon Trafficlight">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.