Trolleybus icon
openmoji:trolleybus
The Trolleybus icon (openmoji:trolleybus) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Travel Places
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M31 21h14v3H31z"/><path fill="#d0cfce" d="M18 48h-.085A2.923 2.923 0 0 1 15 45.085v-18.17A2.923 2.923 0 0 1 17.915 24h40.17A2.923 2.923 0 0 1 61 26.915v18.17A2.923 2.923 0 0 1 58.085 48H58"/><path fill="#61b2e4" d="M15 38h45v9H15z"/><path fill="#92d3f5" d="M17 27h8v9h-8zm13 0h7v7h-7zm10 0h7v7h-7zm10 0h7v7h-7z"/><path fill="#fff" d="M16 38h5v3h-5z"/><circle cx="54" cy="48" r="4" fill="#d0cfce"/><circle cx="22" cy="48" r="4" fill="#d0cfce"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M50 48H26.121m4.788-24v-3H46v3m-7.545-3L47 11"/><circle cx="22" cy="48" r="4"/><circle cx="54" cy="48" r="4"/><path d="M18 36h7v-8.1m5.875 6.1H37v-6.125M40.875 34H47v-6.125M50.875 34H57v-6.125"/><path d="M18 48h-.085A2.923 2.923 0 0 1 15 45.085v-18.17A2.923 2.923 0 0 1 17.915 24h40.17A2.923 2.923 0 0 1 61 26.915v18.17A2.923 2.923 0 0 1 58.085 48H58"/><path d="M17 41h4v-2"/></g></svg>How to use the Trolleybus icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:trolleybus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:trolleybus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:trolleybus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--trolleybus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:trolleybus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:trolleybus"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/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. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Trolleybus icon in React?
Install @iconify/react and render <Icon icon="openmoji: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/openmoji/trolleybus.svg" alt="Trolleybus icon">, or paste the SVG code inline to style it with CSS.