Ikon Horizontaltrafficlight
fxemoji:horizontaltrafficlight
Ikon Horizontaltrafficlight (fxemoji:horizontaltrafficlight) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Tempat
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2B3B47" d="M132.593 386.123c-65.893 0-119.5-53.607-119.5-119.5v-22.158c0-65.893 53.607-119.5 119.5-119.5h246.814c65.893 0 119.5 53.607 119.5 119.5v22.158c0 65.893-53.607 119.5-119.5 119.5z"/><circle cx="399.492" cy="255.544" r="62.541" fill="#FF473E"/><circle cx="255.56" cy="255.544" r="62.541" fill="#FFB636"/><circle cx="111.629" cy="255.544" r="62.541" fill="#009E83"/><path fill="#D32A2A" d="M399.492 211.852c31.337 0 57.288 23.048 61.833 53.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541 28.001-62.541 62.541c0 3.204.243 6.35.708 9.424c4.544-30.069 30.496-53.117 61.833-53.117"/><path fill="#E2A042" d="M255.56 211.852c31.337 0 57.288 23.048 61.833 53.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541 28.001-62.541 62.541c0 3.204.243 6.35.708 9.424c4.545-30.069 30.496-53.117 61.833-53.117"/><path fill="#007F67" d="M111.629 211.852c31.337 0 57.288 23.048 61.833 53.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541 28.001-62.541 62.541c0 3.204.243 6.35.708 9.424c4.544-30.069 30.496-53.117 61.833-53.117"/><path fill="#BFBCAF" d="M379.407 136.465c59.647 0 108 48.353 108 108v22.158c0 59.647-48.353 108-108 108H132.593c-59.647 0-108-48.353-108-108v-22.158c0-59.647 48.353-108 108-108zm0-23H132.593c-34.991 0-67.888 13.626-92.631 38.369s-38.369 57.64-38.369 92.631v22.158c0 34.991 13.626 67.888 38.369 92.631s57.64 38.369 92.631 38.369h246.814c34.991 0 67.888-13.626 92.631-38.369s38.369-57.64 38.369-92.631v-22.158c0-34.991-13.626-67.888-38.369-92.631c-24.742-24.743-57.64-38.369-92.631-38.369"/></svg>Cara memakai ikon Horizontaltrafficlight
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:horizontaltrafficlight" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:horizontaltrafficlight" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:horizontaltrafficlight" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--horizontaltrafficlight]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:horizontaltrafficlight"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:horizontaltrafficlight"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/horizontaltrafficlight.svg" alt="Ikon Horizontaltrafficlight" width="24" height="24">FAQ Ikon Horizontaltrafficlight
Apakah ikon Horizontaltrafficlight gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Horizontaltrafficlight di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:horizontaltrafficlight" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Horizontaltrafficlight ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/horizontaltrafficlight.svg" alt="Ikon Horizontaltrafficlight">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.