Automobile icon

fxemoji:automobile

The Automobile icon (fxemoji:automobile) 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="#FF473E" d="m498.629 264.06l-29.251-22.649l-37.291-76.419a48.5 48.5 0 0 0-43.588-27.231H199.952a44.7 44.7 0 0 0-38.862 22.616l-45.143 79.451c-44.091 1.191-86.09 29.911-86.09 29.911c-16.017 7.14-17.251 27.918-17.251 45.455c0 4.287.663 7.763-3.624 7.763a7.763 7.763 0 0 0-7.763 7.763v27.724a7.763 7.763 0 0 0 7.763 7.763h469.044c18.586 0 33.652-15.067 33.652-33.652v-41.887a33.65 33.65 0 0 0-13.049-26.608"/><path fill="#FFF" d="m158.505 221.261l25.401-44.705a28.14 28.14 0 0 1 24.469-14.24h98.255v70.1l-141.885-.398c-5.512-.015-8.963-5.965-6.24-10.757m273.059 1.131L411 180.253c-5.317-10.896-16.586-17.936-28.71-17.936h-47.725v70.178l90.507.254c5.332.015 8.83-5.567 6.492-10.357"/><path fill="#D32A2A" d="M54.96 357.654c0-39.004 31.619-70.623 70.623-70.623s70.623 31.619 70.623 70.623v8.553H54.96zm258.651 8.553h141.246v-8.553c0-39.004-31.619-70.623-70.623-70.623s-70.623 31.619-70.623 70.623z"/><path fill="#2B3B47" d="M184.148 359.207c0 31.556-25.581 57.137-57.137 57.137s-57.137-25.581-57.137-57.137s25.581-57.137 57.137-57.137s57.137 25.581 57.137 57.137m201.514-57.137c-31.556 0-57.137 25.581-57.137 57.137s25.581 57.137 57.137 57.137s57.137-25.581 57.137-57.137s-25.581-57.137-57.137-57.137m-192.687-92.843c-2.784 1.647-5.585 3.508-7.985 5.487l-8.37-25.334l-19.673 32.88c-2.735 4.368.4 10.04 5.553 10.048l19.652.02c2.868 2.951 6.97 5.663 11.014 7.909c5.79 3.216 13.649-.135 13.649-5.832v-19.458c0-5.782-8.084-9.126-13.84-5.72m236.958 23.464c4.343-.013 7.173-4.568 5.26-8.467l-27.438-55.939a10.04 10.04 0 0 0-9.013-5.618h-13.08v70.154z"/><path fill="#9BA5A8" d="M164.461 359.207c0 20.683-16.767 37.45-37.45 37.45s-37.45-16.767-37.45-37.45s16.767-37.45 37.45-37.45s37.45 16.768 37.45 37.45m221.201-37.449c-20.683 0-37.45 16.767-37.45 37.45s16.767 37.45 37.45 37.45s37.45-16.767 37.45-37.45s-16.767-37.45-37.45-37.45"/><path fill="#E5E4DF" d="M140.13 359.207c0 7.245-5.873 13.118-13.118 13.118s-13.118-5.873-13.118-13.118s5.873-13.118 13.118-13.118s13.118 5.873 13.118 13.118m245.532-13.118c-7.245 0-13.118 5.873-13.118 13.118s5.873 13.118 13.118 13.118s13.118-5.873 13.118-13.118c.001-7.245-5.873-13.118-13.118-13.118"/><path fill="#FFD469" d="M511.599 320.975h-7.708c-8.33 0-13.528-6.753-13.528-15.083s5.198-15.083 13.528-15.083h7.708zm-499.252-2.07h8.743c8.33 0 13.528-6.753 13.528-15.083s-5.198-15.083-13.528-15.083h-5.912c-3.184 6.178-2.831 30.166-2.831 30.166"/></svg>

How to use the Automobile icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Automobile icon in other icon sets

Automobile icon FAQ

Is the Automobile 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 Automobile icon in React?

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

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

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

Browse all Firefox OS Emoji icons →