ICONYZ
العربية
أيقونة Traffic Light Flat من Plump color icons

أيقونة Traffic Light Flat

streamline-plump-color:traffic-light-flat

أيقونة Traffic Light Flat (streamline-plump-color:traffic-light-flat) أيقونة SVG مجانية من مجموعة Plump color icons من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Plump color icons
المؤلف
Streamline
الترخيص
CC-BY-4.0
الحجم
48 × 48
الفئة
الخرائط والسفر
الوسوم
trafficlight، lightflat، trafficlightflat
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2859c5" d="M35.379 6.503a5.4 5.4 0 0 1 .304 1.556c.077 1.624.157 3.757.217 6.44l.23.001c1.156 0 1.992-.023 2.587-.053a2.67 2.67 0 0 0 2.306-1.538c.385-.811.868-1.983 1.174-3.295c.388-1.661-.967-2.998-2.533-3.051a107 107 0 0 0-4.285-.06M12.1 14.5c.06-2.684.14-4.817.217-6.441a5.4 5.4 0 0 1 .304-1.556a107 107 0 0 0-4.285.06c-1.566.053-2.921 1.39-2.533 3.051c.306 1.312.789 2.484 1.174 3.295a2.67 2.67 0 0 0 2.306 1.538a53 53 0 0 0 2.817.053m-.08 5h-.15c-1.29 0-2.528.03-3.534.063c-1.566.053-2.921 1.39-2.533 3.051c.306 1.312.789 2.484 1.174 3.295a2.67 2.67 0 0 0 2.306 1.538c.595.03 1.43.053 2.587.053h.142a478 478 0 0 1 .009-8Zm.058 13h-.208c-1.29 0-2.528.03-3.534.063c-1.566.053-2.921 1.39-2.533 3.051c.306 1.312.789 2.484 1.174 3.295a2.67 2.67 0 0 0 2.306 1.538c.595.03 1.43.053 2.587.053q.258 0 .502-.002a6 6 0 0 1-.055-.557c-.086-1.82-.177-4.282-.239-7.44Zm23.55 7.998q.244.003.502.002c1.156 0 1.992-.023 2.587-.053a2.67 2.67 0 0 0 2.306-1.538c.385-.811.868-1.983 1.174-3.295c.388-1.661-.967-2.998-2.533-3.051a107 107 0 0 0-3.742-.063a270 270 0 0 1-.24 7.441a6 6 0 0 1-.054.557m.359-12.998h.143c1.156 0 1.992-.023 2.587-.053a2.67 2.67 0 0 0 2.306-1.538c.385-.811.868-1.983 1.174-3.295c.388-1.661-.967-2.998-2.533-3.051a107 107 0 0 0-3.534-.063h-.15a476 476 0 0 1 .008 8Z"/><path fill="#8fbffa" d="M24 1.5c-3.214 0-5.715.159-7.574.354c-3.259.341-5.46 3.02-5.607 6.134C10.665 11.227 10.5 16.46 10.5 24s.165 12.773.319 16.012c.148 3.114 2.348 5.793 5.607 6.134c1.859.195 4.36.354 7.574.354s5.715-.159 7.574-.354c3.259-.341 5.46-3.02 5.607-6.134c.154-3.239.319-8.473.319-16.012s-.165-12.773-.319-16.012c-.148-3.114-2.348-5.793-5.607-6.134C29.715 1.659 27.214 1.5 24 1.5"/><path fill="#2859c5" d="M24 7a4 4 0 1 1 0 8a4 4 0 0 1 0-8m0 13a4 4 0 1 1 0 8a4 4 0 0 1 0-8m0 13a4 4 0 1 1 0 8a4 4 0 0 1 0-8"/></g></svg>

كيفية استخدام أيقونة Traffic Light Flat

React

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

<Icon icon="streamline-plump-color:traffic-light-flat" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:traffic-light-flat" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:traffic-light-flat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--traffic-light-flat]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="streamline-plump-color:traffic-light-flat"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/traffic-light-flat.svg" alt="أيقونة Traffic Light Flat" width="24" height="24">

أيقونات ذات صلة في Plump color icons

أيقونة traffic-light
traffic-light

أيقونة Traffic Light Flat في مجموعات أخرى

أيقونة Traffic Light Flat من Sharp color icons
Sharp color icons

الأسئلة الشائعة حول أيقونة Traffic Light Flat

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

نعم. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Traffic Light Flat في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/traffic-light-flat.svg" alt="أيقونة Traffic Light Flat">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Plump color icons →