Steamlocomotive icon
fxemoji:steamlocomotive
The Steamlocomotive icon (fxemoji:steamlocomotive) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#132028" d="M190.475 376V203.308H81.266c-27.129 0-50.139 26-58.222 62.035c-9.877 1.302-17.62 13.541-17.62 28.455s7.743 27.153 17.62 28.455c7.291 32.507 26.733 56.84 50.385 61.294v68.669h395.95V376z"/><path fill="#575A5B" d="M490.712 427.977c0 30.941-25.082 56.023-56.023 56.023c-25.804 0-47.519-17.451-54.023-41.19c-6.504 23.739-28.219 41.19-54.023 41.19c-30.941 0-56.023-25.082-56.023-56.023s25.082-56.023 56.023-56.023c25.804 0 47.519 17.451 54.023 41.19c6.504-23.739 28.219-41.19 54.023-41.19c30.94 0 56.023 25.082 56.023 56.023M161.24 203.308l29.75-113.845H94.232l29.75 113.845h-13.668c-33.865 0-61.319 40.513-61.319 90.489s27.453 90.489 61.319 90.489H294.27V203.308zm1.081 217.123c-13.164 0-24.458 8.002-29.285 19.408c-4.826-11.405-16.121-19.408-29.284-19.408c-17.554 0-31.785 14.23-31.785 31.784S86.197 484 103.752 484c13.164 0 24.458-8.002 29.284-19.408C137.863 475.998 149.157 484 162.321 484c17.554 0 31.784-14.23 31.784-31.785c.001-17.554-14.23-31.784-31.784-31.784"/><path fill="#FFB636" d="M200.78 384.287h-16.028c-20.105 0-36.403-40.513-36.403-90.489s16.298-90.489 36.403-90.489h16.028c-20.105 0-36.403 40.513-36.403 90.489c.001 49.975 16.299 90.489 36.403 90.489m-78.544-90.49c0-49.976 16.298-90.489 36.403-90.489H142.61c-20.105 0-36.403 40.513-36.403 90.489s16.298 90.489 36.403 90.489h16.028c-20.104.001-36.402-40.513-36.402-90.489"/><path fill="#FF473E" d="M489.353 384.287H294.27V85.761h195.083zm-415.143-.184h-7.99c-2.436 0-4.707 1.48-6.035 3.934l-43.633 80.594c-3.116 5.756.322 13.369 6.035 13.369h52.826c4.027 0 7.271-3.968 7.199-8.806L81.409 392.6c-.07-4.717-3.273-8.497-7.199-8.497"/><path fill="#EF2020" d="M497.28 66.397H286.342c-5.92 0-10.72 4.8-10.72 10.72v1.626c0 5.92 4.8 10.72 10.72 10.72H497.28c5.921 0 10.72-4.8 10.72-10.72v-1.626c0-5.92-4.799-10.72-10.72-10.72"/><path fill="#76DFFF" d="M371.466 257.523h-40.952a7.2 7.2 0 0 1-7.2-7.2V124.018a7.2 7.2 0 0 1 7.2-7.2h40.952a7.2 7.2 0 0 1 7.2 7.2v126.305a7.2 7.2 0 0 1-7.2 7.2m89.008-7.2V124.018a7.2 7.2 0 0 0-7.2-7.2h-40.952a7.2 7.2 0 0 0-7.2 7.2v126.305a7.2 7.2 0 0 0 7.2 7.2h40.952a7.2 7.2 0 0 0 7.2-7.2"/><path fill="#132028" d="M489.353 339.586H294.27v-36.582h195.083zM111.17 52L94.206 89.463h96.758L174 52zm215.473 362.954c-7.192 0-13.023 5.831-13.023 13.023S319.451 441 326.643 441s13.023-5.831 13.023-13.023s-5.831-13.023-13.023-13.023m108.046 0c-7.192 0-13.023 5.831-13.023 13.023S427.496 441 434.689 441s13.023-5.831 13.023-13.023s-5.831-13.023-13.023-13.023m-330.937 29.873a7.389 7.389 0 1 0 0 14.778a7.389 7.389 0 0 0 0-14.778m58.569 0a7.389 7.389 0 1 0 0 14.778a7.389 7.389 0 0 0 0-14.778"/><path fill="#FFB636" d="M196.709 444.208h-92.957c-4.91 0-8.891-3.98-8.891-8.891s3.98-8.891 8.891-8.891h90.449l36.759-22.53a8.9 8.9 0 0 1 4.646-1.311H459.54c4.91 0 8.891 3.98 8.891 8.891s-3.98 8.891-8.891 8.891H238.114l-36.759 22.53a8.9 8.9 0 0 1-4.646 1.311"/><path fill="#ADB7BC" d="M69.849 393.079c-5.787 0-10.485-4.685-10.5-10.475c-.014-5.799 4.676-10.512 10.475-10.525l413.924-1h.026c5.787 0 10.485 4.685 10.499 10.475c.014 5.799-4.676 10.512-10.475 10.525l-413.924 1z"/></svg>How to use the Steamlocomotive icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:steamlocomotive" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:steamlocomotive" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:steamlocomotive" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--steamlocomotive]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:steamlocomotive"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:steamlocomotive"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/steamlocomotive.svg" alt="Steamlocomotive icon" width="24" height="24">Steamlocomotive icon FAQ
Is the Steamlocomotive 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 Steamlocomotive icon in React?
Install @iconify/react and render <Icon icon="fxemoji:steamlocomotive" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Steamlocomotive icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/steamlocomotive.svg" alt="Steamlocomotive icon">, or paste the SVG code inline to style it with CSS.