ICONYZ
Español
Icono Steamlocomotive de Firefox OS Emoji

Icono Steamlocomotive

fxemoji:steamlocomotive

El icono Steamlocomotive (fxemoji:steamlocomotive) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Firefox OS Emoji
Autor
Mozilla
Licencia
Apache-2.0
Tamaño
512 × 512
Categoría
Lugares
Descargar SVG

Código SVG

<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>

Cómo usar el icono Steamlocomotive

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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/steamlocomotive.svg" alt="Icono Steamlocomotive" width="24" height="24">

Preguntas frecuentes sobre Icono Steamlocomotive

¿El icono Steamlocomotive es gratis para uso comercial?

Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Steamlocomotive en React?

Instala @iconify/react y renderiza <Icon icon="fxemoji:steamlocomotive" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Steamlocomotive a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/steamlocomotive.svg" alt="Icono Steamlocomotive">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Firefox OS Emoji →