trackball emoji
trackball from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- trackball
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the trackball emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#635994" d="M20.31 2h-8.62A4.69 4.69 0 0 0 7 6.69v18.62C7 27.9 9.1 30 11.69 30h8.62C22.9 30 25 27.9 25 25.31V6.69C25 4.1 22.9 2 20.31 2"/><path fill="#433b6b" d="M22.03 11c0-3.16-2.44-5.75-5.53-6.01V2h-1v2.99c-3.09.26-5.53 2.85-5.53 6.01s2.44 5.75 5.53 6.01v1.74c0 .28.22.5.5.5s.5-.22.5-.5v-1.74c3.09-.26 5.53-2.85 5.53-6.01"/><path fill="#ca0b4a" d="M16 16.03a5.03 5.03 0 1 0 0-10.06a5.03 5.03 0 0 0 0 10.06"/><path fill="#ff8687" d="M17.35 11a1.59 1.59 0 1 0 0-3.18a1.59 1.59 0 0 0 0 3.18"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatTrackball(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#635994" d="M20.31 2h-8.62A4.69 4.69 0 0 0 7 6.69v18.62C7 27.9 9.1 30 11.69 30h8.62C22.9 30 25 27.9 25 25.31V6.69C25 4.1 22.9 2 20.31 2"/><path fill="#433b6b" d="M22.03 11c0-3.16-2.44-5.75-5.53-6.01V2h-1v2.99c-3.09.26-5.53 2.85-5.53 6.01s2.44 5.75 5.53 6.01v1.74c0 .28.22.5.5.5s.5-.22.5-.5v-1.74c3.09-.26 5.53-2.85 5.53-6.01"/><path fill="#ca0b4a" d="M16 16.03a5.03 5.03 0 1 0 0-10.06a5.03 5.03 0 0 0 0 10.06"/><path fill="#ff8687" d="M17.35 11a1.59 1.59 0 1 0 0-3.18a1.59 1.59 0 0 0 0 3.18"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#635994" d="M20.31 2h-8.62A4.69 4.69 0 0 0 7 6.69v18.62C7 27.9 9.1 30 11.69 30h8.62C22.9 30 25 27.9 25 25.31V6.69C25 4.1 22.9 2 20.31 2"/><path fill="#433b6b" d="M22.03 11c0-3.16-2.44-5.75-5.53-6.01V2h-1v2.99c-3.09.26-5.53 2.85-5.53 6.01s2.44 5.75 5.53 6.01v1.74c0 .28.22.5.5.5s.5-.22.5-.5v-1.74c3.09-.26 5.53-2.85 5.53-6.01"/><path fill="#ca0b4a" d="M16 16.03a5.03 5.03 0 1 0 0-10.06a5.03 5.03 0 0 0 0 10.06"/><path fill="#ff8687" d="M17.35 11a1.59 1.59 0 1 0 0-3.18a1.59 1.59 0 0 0 0 3.18"/></g></svg> </template>
CSS
.icon-trackball {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23635994%22%20d%3D%22M20.31%202h-8.62A4.69%204.69%200%200%200%207%206.69v18.62C7%2027.9%209.1%2030%2011.69%2030h8.62C22.9%2030%2025%2027.9%2025%2025.31V6.69C25%204.1%2022.9%202%2020.31%202%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M22.03%2011c0-3.16-2.44-5.75-5.53-6.01V2h-1v2.99c-3.09.26-5.53%202.85-5.53%206.01s2.44%205.75%205.53%206.01v1.74c0%20.28.22.5.5.5s.5-.22.5-.5v-1.74c3.09-.26%205.53-2.85%205.53-6.01%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M16%2016.03a5.03%205.03%200%201%200%200-10.06a5.03%205.03%200%200%200%200%2010.06%22%2F%3E%3Cpath%20fill%3D%22%23ff8687%22%20d%3D%22M17.35%2011a1.59%201.59%200%201%200%200-3.18a1.59%201.59%200%200%200%200%203.18%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23635994%22%20d%3D%22M20.31%202h-8.62A4.69%204.69%200%200%200%207%206.69v18.62C7%2027.9%209.1%2030%2011.69%2030h8.62C22.9%2030%2025%2027.9%2025%2025.31V6.69C25%204.1%2022.9%202%2020.31%202%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M22.03%2011c0-3.16-2.44-5.75-5.53-6.01V2h-1v2.99c-3.09.26-5.53%202.85-5.53%206.01s2.44%205.75%205.53%206.01v1.74c0%20.28.22.5.5.5s.5-.22.5-.5v-1.74c3.09-.26%205.53-2.85%205.53-6.01%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M16%2016.03a5.03%205.03%200%201%200%200-10.06a5.03%205.03%200%200%200%200%2010.06%22%2F%3E%3Cpath%20fill%3D%22%23ff8687%22%20d%3D%22M17.35%2011a1.59%201.59%200%201%200%200-3.18a1.59%201.59%200%200%200%200%203.18%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/trackball.svg?color=%231a73e8&size=48
