Trackball icon

fxemoji:trackball

The Trackball icon (fxemoji:trackball) 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: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#819096" d="M165.202 362.23q-2.277 0-4.514-.15c-16.312-1.096-31.03-8.098-43.745-20.812c-28.107-28.107-20.455-69.955-13.703-106.877c5.63-30.786 10.948-59.865-4.43-75.243c-26.854-26.855-55.097-15.789-76.703-3.148c-4.521 2.643-10.332 1.125-12.977-3.397c-2.645-4.521-1.125-10.332 3.397-12.977c39.179-22.921 72.722-20.867 99.697 6.108c22.415 22.415 15.939 57.825 9.677 92.07c-6.202 33.913-12.614 68.98 8.456 90.051c17.746 17.745 39.548 20.089 66.652 7.167c25.739-12.271 50.959-35.934 67.69-52.665a9.485 9.485 0 0 1 13.414 13.414c-17.722 17.721-44.563 42.845-72.94 56.374c-14.055 6.702-27.479 10.085-39.971 10.085"/><path fill="#C5CFD1" d="M491.992 437.03H190.917c-7.953 0-14.4-6.447-14.4-14.4V272.092c0-91.093 73.845-164.938 164.938-164.938s164.938 73.845 164.938 164.938V422.63c-.001 7.953-6.448 14.4-14.401 14.4"/><circle cx="341.454" cy="272.092" r="101.576" fill="#819096"/><circle cx="341.454" cy="272.092" r="67.393" fill="#1C4C5A"/><path fill="#ADB8BC" d="M176.711 264.127c2.223-46.75 23.907-88.401 57.134-117.031l10.541 12.342c5.19 6.078 4.943 15.068-.527 20.896c-18.405 19.612-30.971 45.143-34.902 70.893c-1.199 7.851-7.995 13.611-15.934 13.378zm272.353-117.031l-10.503 12.331c-5.193 6.097-4.925 15.114.584 20.926c18.67 19.697 31.054 44.834 34.863 70.752c1.157 7.871 7.95 13.667 15.903 13.455l16.286-.434c-2.223-46.749-23.907-88.4-57.133-117.03"/></svg>

How to use the Trackball icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Trackball icon in other icon sets

Trackball icon FAQ

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

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

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

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

Browse all Firefox OS Emoji icons →