أيقونة Horizontaltrafficlight

fxemoji:horizontaltrafficlight

أيقونة Horizontaltrafficlight (fxemoji:horizontaltrafficlight) أيقونة SVG مجانية من مجموعة Firefox OS Emoji من تصميم Mozilla. مرسومة على شبكة 512 × 512. تُنشر Firefox OS Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Firefox OS Emoji
المؤلف: Mozilla
الترخيص: Apache-2.0
الحجم: 512 × 512
الفئة: الأماكن

تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

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

<iconify-icon icon="fxemoji:horizontaltrafficlight"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/horizontaltrafficlight.svg" alt="أيقونة Horizontaltrafficlight" width="24" height="24">

الأسئلة الشائعة حول أيقونة Horizontaltrafficlight

هل أيقونة Horizontaltrafficlight مجانية للاستخدام التجاري؟

نعم. تُنشر Firefox OS Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Horizontaltrafficlight في React؟

ثبّت @iconify/react واعرض <Icon icon="fxemoji:horizontaltrafficlight" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Horizontaltrafficlight إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fxemoji/horizontaltrafficlight.svg" alt="أيقونة Horizontaltrafficlight">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Firefox OS Emoji →