Locomotive icon
cil:locomotive
The Locomotive icon (cil:locomotive) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M328 427.127c0-.175-.012-.347-.013-.522l14.29-.357c0 .294-.022.584-.022.879a52.873 52.873 0 1 0 105.745 0c0-1.051-.04-2.092-.1-3.127H496v-50.9l-24-64v-65.323a47.74 47.74 0 0 0-26.534-42.932L424 190.111V96H312v88h-68.468l-29.059-87.18A47.94 47.94 0 0 0 168.936 64H16v82.832l40 16v50.334l-40 16V432h86.488a52.866 52.866 0 0 0 105.449-2.393l14.372-.36A52.867 52.867 0 0 0 328 427.127M395.127 448A20.873 20.873 0 1 1 416 427.127A20.9 20.9 0 0 1 395.127 448m-240 0A20.873 20.873 0 1 1 176 427.127A20.9 20.9 0 0 1 155.127 448m76.586-51l-32.607.815a52.83 52.83 0 0 0-89.34 2.185H48V250.833l40-16v-93.665l-40-16V96h120.936a15.98 15.98 0 0 1 15.179 10.94L220.468 216H344v-88h48v81.889l39.155 19.577A15.92 15.92 0 0 1 440 243.777V296H96v32h348.912L464 378.9V392h-29.4a52.78 52.78 0 0 0-80.594 1.945l-37.028.926A52.794 52.794 0 0 0 231.713 397m43.414 51A20.873 20.873 0 1 1 296 427.127A20.9 20.9 0 0 1 275.127 448"/></svg>
How to use the Locomotive icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:locomotive" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:locomotive" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:locomotive" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--locomotive]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:locomotive"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:locomotive"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cil/locomotive.svg" alt="Locomotive icon" width="24" height="24">
Locomotive icon in other icon sets
Locomotive icon FAQ
Is the Locomotive icon free for commercial use?
Yes. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Locomotive icon in React?
Install @iconify/react and render <Icon icon="cil:locomotive" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Locomotive icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/locomotive.svg" alt="Locomotive icon">, or paste the SVG code inline to style it with CSS.
Browse all CoreUI Free icons →
ICONYZ
