ICONYZ
Türkçe
Plump free icons setinden Traffic Light Solid ikonu

Traffic Light Solid ikonu

streamline-plump:traffic-light-solid

Traffic Light Solid ikonu (streamline-plump:traffic-light-solid), Plump free icons setinden ücretsiz bir SVG ikondur (yapımcı: Streamline). 48 × 48 ızgara üzerinde çizilmiştir. Plump free icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
Plump free icons
Yazar
Streamline
Lisans
CC-BY-4.0
Boyut
48 × 48
Kategori
Harita ve seyahat
Etiketler
trafficlight, lightsolid, trafficlightsolid
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M24 1.5c3.214 0 5.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.134c-1.859.195-4.36.354-7.574.354s-5.715-.159-7.574-.354c-3.259-.341-5.46-3.02-5.607-6.134C10.665 36.773 10.5 31.54 10.5 24s.165-12.773.319-16.012c.148-3.114 2.348-5.793 5.607-6.134C18.285 1.659 20.786 1.5 24 1.5m4 9.5a4 4 0 1 0-8 0a4 4 0 0 0 8 0m0 13a4 4 0 1 0-8 0a4 4 0 0 0 8 0m-4 9a4 4 0 1 1 0 8a4 4 0 0 1 0-8M39.679 7.87c.079 1.672.161 3.86.222 6.608q.468-.014.817-.03a2.67 2.67 0 0 0 2.306-1.539c.385-.811.867-1.983 1.174-3.295c.388-1.66-.967-2.998-2.534-3.05a106 106 0 0 0-2.15-.053q.131.67.165 1.358M40 24q0 1.827-.012 3.476q.413-.012.73-.029a2.67 2.67 0 0 0 2.306-1.538c.385-.811.867-1.983 1.174-3.295c.388-1.66-.967-2.998-2.534-3.05a99 99 0 0 0-1.684-.045Q40 21.608 40 24m-.345 16.484q.015-.176.024-.353a274 274 0 0 0 .243-7.613c.627.011 1.217.028 1.742.045c1.567.053 2.922 1.39 2.534 3.051c-.307 1.312-.79 2.484-1.174 3.295a2.67 2.67 0 0 1-2.306 1.538a39 39 0 0 1-1.063.037m-31.333-.353a274 274 0 0 1-.244-7.613c-.626.011-1.216.028-1.741.045c-1.567.053-2.922 1.39-2.534 3.051c.307 1.312.79 2.484 1.174 3.295a2.67 2.67 0 0 0 2.306 1.538c.293.015.644.028 1.063.037a9 9 0 0 1-.024-.353M8.021 19.52a478 478 0 0 0-.008 7.957a36 36 0 0 1-.73-.029a2.67 2.67 0 0 1-2.306-1.538a16.8 16.8 0 0 1-1.174-3.295c-.388-1.66.967-2.998 2.534-3.05c.51-.018 1.078-.034 1.684-.045m.301-11.65q.033-.689.165-1.358c-.78.011-1.512.03-2.15.052c-1.567.053-2.922 1.39-2.534 3.051c.307 1.312.79 2.484 1.174 3.295a2.67 2.67 0 0 0 2.306 1.538q.35.018.816.031a270 270 0 0 1 .223-6.609" clip-rule="evenodd"/></svg>

Traffic Light Solid ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

<img src="https://iconyz.com/api/public/svg/streamline-plump/traffic-light-solid.svg" alt="Traffic Light Solid ikonu" width="24" height="24">

Plump free icons setindeki benzer ikonlar

Diğer ikon setlerinde Traffic Light Solid ikonu

Traffic Light Solid ikonu: sık sorulan sorular

Traffic Light Solid ikonu ticari kullanım için ücretsiz mi?

Evet. Plump free icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Traffic Light Solid ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="streamline-plump:traffic-light-solid" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Traffic Light Solid ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/streamline-plump/traffic-light-solid.svg" alt="Traffic Light Solid ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Plump free icons →