Trolleybus icon

fxemoji:trolleybus

The Trolleybus icon (fxemoji:trolleybus) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Places

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#9BA5A8" d="M255.985 131.581c-2.238 0-4.505-.557-6.593-1.731c-6.488-3.647-8.808-11.843-5.177-18.339c.546-.978 13.689-24.203 40.707-47.338c35.844-30.693 79.502-46.916 126.256-46.916c7.456 0 13.5 6.044 13.5 13.5s-6.044 13.5-13.5 13.5c-40.449 0-76.762 13.382-107.929 39.773c-23.664 20.038-35.366 40.479-35.482 40.683a13.52 13.52 0 0 1-11.782 6.868"/><path fill="#C4C5C6" d="M347.019 155.335H174.426c-11.929 0-21.6-9.671-21.6-21.6v-3.895c0-11.929 9.671-21.6 21.6-21.6h172.593c11.929 0 21.6 9.671 21.6 21.6v3.895c0 11.929-9.67 21.6-21.6 21.6"/><path fill="#E5E4DF" d="M489.137 438.203H22.863c-8.773 0-15.885-7.112-15.885-15.885V171.522c0-23.364 18.94-42.304 42.304-42.304h355.592c55.31 0 100.147 44.838 100.147 100.147v192.952c.001 8.774-7.111 15.886-15.884 15.886"/><path fill="#008CFF" d="M492.439 440.136H19.561c-6.949 0-12.583-5.634-12.583-12.583v-70.756h498.043v70.756c.001 6.949-5.633 12.583-12.582 12.583"/><path fill="#135FBA" d="M6.978 328.714h498.043v27.871H6.978z"/><path fill="#00B1FF" d="M85.781 298.291H6.978V172.897H85.78c13.552 0 24.538 10.986 24.538 24.538v76.318c.001 13.552-10.985 24.538-24.537 24.538m116.598-54.897v-61.965a7.2 7.2 0 0 0-7.2-7.2h-49.445a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2m90.266 0v-61.965a7.2 7.2 0 0 0-7.2-7.2H236a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2m90.267 0v-61.965a7.2 7.2 0 0 0-7.2-7.2h-49.445a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2m90.267 0v-61.965a7.2 7.2 0 0 0-7.2-7.2h-49.445a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2"/><path fill="#FF473E" d="M492.51 341.702h12.512V283.71H492.51c-7.4 0-13.399 5.999-13.399 13.399v31.193c0 7.401 5.999 13.4 13.399 13.4"/><path fill="#FFD469" d="M24.16 368.813H6.978v45.271H24.16c7.4 0 13.399-5.999 13.399-13.399v-18.473c0-7.4-5.999-13.399-13.399-13.399"/><path fill="#135FBA" d="M48.57 440.108c0-35.752 28.983-64.736 64.736-64.736s64.736 28.983 64.736 64.736m294.834 0c0-35.752-28.983-64.736-64.736-64.736s-64.736 28.983-64.736 64.736"/><path fill="#2B3B47" d="M163.965 440.108c0 27.979-22.681 50.66-50.66 50.66s-50.66-22.681-50.66-50.66s22.681-50.66 50.66-50.66s50.66 22.682 50.66 50.66m244.176-50.66c-27.979 0-50.66 22.681-50.66 50.66s22.681 50.66 50.66 50.66s50.66-22.681 50.66-50.66s-22.682-50.66-50.66-50.66"/><path fill="#597B91" d="M144.859 440.108c0 17.427-14.127 31.554-31.554 31.554s-31.554-14.127-31.554-31.554s14.127-31.554 31.554-31.554s31.554 14.128 31.554 31.554m263.282-31.553c-17.427 0-31.554 14.127-31.554 31.554s14.127 31.554 31.554 31.554s31.554-14.127 31.554-31.554s-14.128-31.554-31.554-31.554"/></svg>

How to use the Trolleybus icon

React

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

<Icon icon="fxemoji:trolleybus" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:trolleybus" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:trolleybus" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--trolleybus]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:trolleybus"></div>

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/trolleybus.svg" alt="Trolleybus icon" width="24" height="24">

Trolleybus icon in other icon sets

Trolleybus icon FAQ

Is the Trolleybus icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Trolleybus icon in React?

Install @iconify/react and render <Icon icon="fxemoji:trolleybus" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Trolleybus icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/trolleybus.svg" alt="Trolleybus icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →