Traffic Lights Red アイコン
game-icons:traffic-lights-red
Traffic Lights Red アイコン(game-icons:traffic-lights-red)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Game Icons
- 作者
- GameIcons
- ライセンス
- CC-BY-3.0
- サイズ
- 512 × 512
- タグ
- trafficlights、lightsred、trafficlightsred、light
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M169 25v65.2c24.8-40.79 55.195-62.595 87.104-62.225C288.04 28.345 318.2 50.69 343 90.232V25zM90.736 45c3.415 9.407 11.65 19.54 22.664 27.8c11.553 8.665 25.73 14.91 37.6 17.196V45zM361 45v44.996c11.87-2.285 26.047-8.53 37.6-17.195c11.014-8.26 19.25-18.393 22.664-27.8H361zm-104.77 8c-26.064 0-47 20.936-47 47s20.936 47 47 47s47-20.936 47-47s-20.936-47-47-47m-63.718 34.17a202 202 0 0 0-8.795 13.46L169 91.8v145.1c24.8-40.79 55.195-62.596 87.104-62.226c31.937.37 62.097 22.716 86.896 62.258V91.66l-14.648 9.082a205 205 0 0 0-8.153-12.174a65 65 0 0 1 1.03 11.432c0 35.792-29.208 65-65 65c-35.79 0-65-29.208-65-65c0-4.39.444-8.68 1.282-12.83zM90.736 193c3.415 9.407 11.65 19.54 22.664 27.8c11.553 8.665 25.73 14.91 37.6 17.196V193zM361 193v44.996c11.87-2.285 26.047-8.53 37.6-17.195c11.014-8.26 19.25-18.393 22.664-27.8H361zm-169.592 42.45a203 203 0 0 0-7.69 11.88L169 238.498V378.2c16.455-27.062 35.373-45.76 55.56-55.177A64.5 64.5 0 0 1 255.77 315c12.692 0 24.548 3.688 34.576 10.025c19.094 10.035 36.95 28.167 52.654 53.207V238.36l-14.648 9.08a209 209 0 0 0-7.21-10.858q.087 1.698.088 3.418c0 35.792-29.208 65-65 65c-35.79 0-65-29.208-65-65c0-1.53.073-3.046.178-4.55M90.736 333.823c3.416 9.407 11.65 19.54 22.664 27.8c11.553 8.663 25.73 14.91 37.6 17.196v-44.996zm270.264 0v44.996c11.87-2.285 26.047-8.533 37.6-17.197c11.013-8.26 19.248-18.392 22.664-27.8H361zm-40.3 43.444c.04.907.07 1.816.07 2.732c0 35.792-29.21 65-65 65c-35.792 0-65-29.208-65-65c0-.812.03-1.617.06-2.422a207 207 0 0 0-7.113 11.053L169 379.8V455h174v-75.34l-14.648 9.082a207 207 0 0 0-7.65-11.474zM201 473v14h110v-14z"/></svg>Traffic Lights Red アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:traffic-lights-red" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:traffic-lights-red" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:traffic-lights-red" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--traffic-lights-red]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:traffic-lights-red"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:traffic-lights-red"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/traffic-lights-red.svg" alt="Traffic Lights Red アイコン" width="24" height="24">Game Icons の関連アイコン
Traffic Lights Red アイコン のよくある質問
Traffic Lights Red アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Traffic Lights Red アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:traffic-lights-red" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Traffic Lights Red アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/traffic-lights-red.svg" alt="Traffic Lights Red アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。