trackball emoji
trackball from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- trackball
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the trackball emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M33 17c0 9.389-2.188 19-15 19S3 26.389 3 17S8.611 3 18 3c9.465 0 15 4.701 15 14"/><path fill="#99aab5" d="M32 13.969C32 21.891 30.062 30 18 30S4 21.891 4 13.969S9.237 3 18 3s14 3.047 14 10.969"/><path fill="#ccd6dd" d="M29 12.5c0 5.246-4.925 8.5-11 8.5S7 17.746 7 12.5S11.925 3 18 3s11 4.253 11 9.5"/><path fill="#744eaa" d="M28 10c0 5.523-4.478 8-10 8S8 15.523 8 10S12.477 0 18 0s10 4.477 10 10"/><path fill="#292f33" d="M17 23v4.75c0 1-9.672-1-9.672-6c0-1.375.301-1.973 2.315-.984C14.134 22.969 17 22.452 17 23m2 0v4.75c0 1 9.672-1 9.672-6c0-1.375-.301-1.973-2.316-.984C21.865 22.969 19 22.452 19 23"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTrackball(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M33 17c0 9.389-2.188 19-15 19S3 26.389 3 17S8.611 3 18 3c9.465 0 15 4.701 15 14"/><path fill="#99aab5" d="M32 13.969C32 21.891 30.062 30 18 30S4 21.891 4 13.969S9.237 3 18 3s14 3.047 14 10.969"/><path fill="#ccd6dd" d="M29 12.5c0 5.246-4.925 8.5-11 8.5S7 17.746 7 12.5S11.925 3 18 3s11 4.253 11 9.5"/><path fill="#744eaa" d="M28 10c0 5.523-4.478 8-10 8S8 15.523 8 10S12.477 0 18 0s10 4.477 10 10"/><path fill="#292f33" d="M17 23v4.75c0 1-9.672-1-9.672-6c0-1.375.301-1.973 2.315-.984C14.134 22.969 17 22.452 17 23m2 0v4.75c0 1 9.672-1 9.672-6c0-1.375-.301-1.973-2.316-.984C21.865 22.969 19 22.452 19 23"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M33 17c0 9.389-2.188 19-15 19S3 26.389 3 17S8.611 3 18 3c9.465 0 15 4.701 15 14"/><path fill="#99aab5" d="M32 13.969C32 21.891 30.062 30 18 30S4 21.891 4 13.969S9.237 3 18 3s14 3.047 14 10.969"/><path fill="#ccd6dd" d="M29 12.5c0 5.246-4.925 8.5-11 8.5S7 17.746 7 12.5S11.925 3 18 3s11 4.253 11 9.5"/><path fill="#744eaa" d="M28 10c0 5.523-4.478 8-10 8S8 15.523 8 10S12.477 0 18 0s10 4.477 10 10"/><path fill="#292f33" d="M17 23v4.75c0 1-9.672-1-9.672-6c0-1.375.301-1.973 2.315-.984C14.134 22.969 17 22.452 17 23m2 0v4.75c0 1 9.672-1 9.672-6c0-1.375-.301-1.973-2.316-.984C21.865 22.969 19 22.452 19 23"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M33%2017c0%209.389-2.188%2019-15%2019S3%2026.389%203%2017S8.611%203%2018%203c9.465%200%2015%204.701%2015%2014%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M32%2013.969C32%2021.891%2030.062%2030%2018%2030S4%2021.891%204%2013.969S9.237%203%2018%203s14%203.047%2014%2010.969%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M29%2012.5c0%205.246-4.925%208.5-11%208.5S7%2017.746%207%2012.5S11.925%203%2018%203s11%204.253%2011%209.5%22%2F%3E%3Cpath%20fill%3D%22%23744eaa%22%20d%3D%22M28%2010c0%205.523-4.478%208-10%208S8%2015.523%208%2010S12.477%200%2018%200s10%204.477%2010%2010%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M17%2023v4.75c0%201-9.672-1-9.672-6c0-1.375.301-1.973%202.315-.984C14.134%2022.969%2017%2022.452%2017%2023m2%200v4.75c0%201%209.672-1%209.672-6c0-1.375-.301-1.973-2.316-.984C21.865%2022.969%2019%2022.452%2019%2023%22%2F%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M33%2017c0%209.389-2.188%2019-15%2019S3%2026.389%203%2017S8.611%203%2018%203c9.465%200%2015%204.701%2015%2014%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M32%2013.969C32%2021.891%2030.062%2030%2018%2030S4%2021.891%204%2013.969S9.237%203%2018%203s14%203.047%2014%2010.969%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M29%2012.5c0%205.246-4.925%208.5-11%208.5S7%2017.746%207%2012.5S11.925%203%2018%203s11%204.253%2011%209.5%22%2F%3E%3Cpath%20fill%3D%22%23744eaa%22%20d%3D%22M28%2010c0%205.523-4.478%208-10%208S8%2015.523%208%2010S12.477%200%2018%200s10%204.477%2010%2010%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M17%2023v4.75c0%201-9.672-1-9.672-6c0-1.375.301-1.973%202.315-.984C14.134%2022.969%2017%2022.452%2017%2023m2%200v4.75c0%201%209.672-1%209.672-6c0-1.375-.301-1.973-2.316-.984C21.865%2022.969%2019%2022.452%2019%2023%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/trackball.svg?color=%231a73e8&size=48
