trackball emoji
trackball from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.
- Name
- trackball
- Set
- OpenMoji
- Style
- Default
- Category
- Objects
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More objects icons from OpenMoji
Use the trackball emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M38.32 16.2h-4.638c-6.994.022-11.908 4.186-11.93 11.18v23.34c.022 6.994 4.936 11.158 11.93 11.18h4.638c6.994-.022 11.908-4.436 11.93-11.43V27.63c-.022-6.994-4.936-11.408-11.93-11.43"/><path fill="#9b9b9a" d="M34.84 16.46c3.809 1.634 7.429 4.23 7.851 10.157c.488 6.864-2.052 19.72-2.868 26.25c-.571 4.565-2.829 6.428-5.826 8.824c4 .08 6.615-.021 8.482-.338c3.306-.56 6.791-3.39 7.142-6.399c1.229-10.534.56-20.575.459-30.41c-.846-5.23-6.628-8.368-10.78-8.106c0 0-1.305-.512-4.459.03z"/><circle cx="36.74" cy="30.51" r="8.902" fill="#f4aa41"/><path fill="#e27022" d="M37.95 21.03a6.24 6.24 0 0 1 1.407 3.94a8.9 8.9 0 0 1-8.902 8.901c-1.765 0-2.272-.52-3.656-1.407c1.582 2.47 6.045 6.946 9.196 6.946a8.9 8.9 0 0 0 8.902-8.902c0-3.151-4.476-7.897-6.946-9.479z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M40.13 62.42h-8.259c-5.914-.016-10.703-4.806-10.72-10.72V26.39c.017-5.914 4.806-10.703 10.72-10.72h8.259c5.914.017 10.704 4.806 10.72 10.72V51.7c-.016 5.914-4.806 10.704-10.72 10.72"/><circle cx="36" cy="30.51" r="8.902"/><path d="M36 15.1c.5-13.15-19.03-4.582-21.79-9.568"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiTrackball(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M38.32 16.2h-4.638c-6.994.022-11.908 4.186-11.93 11.18v23.34c.022 6.994 4.936 11.158 11.93 11.18h4.638c6.994-.022 11.908-4.436 11.93-11.43V27.63c-.022-6.994-4.936-11.408-11.93-11.43"/><path fill="#9b9b9a" d="M34.84 16.46c3.809 1.634 7.429 4.23 7.851 10.157c.488 6.864-2.052 19.72-2.868 26.25c-.571 4.565-2.829 6.428-5.826 8.824c4 .08 6.615-.021 8.482-.338c3.306-.56 6.791-3.39 7.142-6.399c1.229-10.534.56-20.575.459-30.41c-.846-5.23-6.628-8.368-10.78-8.106c0 0-1.305-.512-4.459.03z"/><circle cx="36.74" cy="30.51" r="8.902" fill="#f4aa41"/><path fill="#e27022" d="M37.95 21.03a6.24 6.24 0 0 1 1.407 3.94a8.9 8.9 0 0 1-8.902 8.901c-1.765 0-2.272-.52-3.656-1.407c1.582 2.47 6.045 6.946 9.196 6.946a8.9 8.9 0 0 0 8.902-8.902c0-3.151-4.476-7.897-6.946-9.479z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M40.13 62.42h-8.259c-5.914-.016-10.703-4.806-10.72-10.72V26.39c.017-5.914 4.806-10.703 10.72-10.72h8.259c5.914.017 10.704 4.806 10.72 10.72V51.7c-.016 5.914-4.806 10.704-10.72 10.72"/><circle cx="36" cy="30.51" r="8.902"/><path d="M36 15.1c.5-13.15-19.03-4.582-21.79-9.568"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M38.32 16.2h-4.638c-6.994.022-11.908 4.186-11.93 11.18v23.34c.022 6.994 4.936 11.158 11.93 11.18h4.638c6.994-.022 11.908-4.436 11.93-11.43V27.63c-.022-6.994-4.936-11.408-11.93-11.43"/><path fill="#9b9b9a" d="M34.84 16.46c3.809 1.634 7.429 4.23 7.851 10.157c.488 6.864-2.052 19.72-2.868 26.25c-.571 4.565-2.829 6.428-5.826 8.824c4 .08 6.615-.021 8.482-.338c3.306-.56 6.791-3.39 7.142-6.399c1.229-10.534.56-20.575.459-30.41c-.846-5.23-6.628-8.368-10.78-8.106c0 0-1.305-.512-4.459.03z"/><circle cx="36.74" cy="30.51" r="8.902" fill="#f4aa41"/><path fill="#e27022" d="M37.95 21.03a6.24 6.24 0 0 1 1.407 3.94a8.9 8.9 0 0 1-8.902 8.901c-1.765 0-2.272-.52-3.656-1.407c1.582 2.47 6.045 6.946 9.196 6.946a8.9 8.9 0 0 0 8.902-8.902c0-3.151-4.476-7.897-6.946-9.479z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M40.13 62.42h-8.259c-5.914-.016-10.703-4.806-10.72-10.72V26.39c.017-5.914 4.806-10.703 10.72-10.72h8.259c5.914.017 10.704 4.806 10.72 10.72V51.7c-.016 5.914-4.806 10.704-10.72 10.72"/><circle cx="36" cy="30.51" r="8.902"/><path d="M36 15.1c.5-13.15-19.03-4.582-21.79-9.568"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M38.32%2016.2h-4.638c-6.994.022-11.908%204.186-11.93%2011.18v23.34c.022%206.994%204.936%2011.158%2011.93%2011.18h4.638c6.994-.022%2011.908-4.436%2011.93-11.43V27.63c-.022-6.994-4.936-11.408-11.93-11.43%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M34.84%2016.46c3.809%201.634%207.429%204.23%207.851%2010.157c.488%206.864-2.052%2019.72-2.868%2026.25c-.571%204.565-2.829%206.428-5.826%208.824c4%20.08%206.615-.021%208.482-.338c3.306-.56%206.791-3.39%207.142-6.399c1.229-10.534.56-20.575.459-30.41c-.846-5.23-6.628-8.368-10.78-8.106c0%200-1.305-.512-4.459.03z%22%2F%3E%3Ccircle%20cx%3D%2236.74%22%20cy%3D%2230.51%22%20r%3D%228.902%22%20fill%3D%22%23f4aa41%22%2F%3E%3Cpath%20fill%3D%22%23e27022%22%20d%3D%22M37.95%2021.03a6.24%206.24%200%200%201%201.407%203.94a8.9%208.9%200%200%201-8.902%208.901c-1.765%200-2.272-.52-3.656-1.407c1.582%202.47%206.045%206.946%209.196%206.946a8.9%208.9%200%200%200%208.902-8.902c0-3.151-4.476-7.897-6.946-9.479z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M40.13%2062.42h-8.259c-5.914-.016-10.703-4.806-10.72-10.72V26.39c.017-5.914%204.806-10.703%2010.72-10.72h8.259c5.914.017%2010.704%204.806%2010.72%2010.72V51.7c-.016%205.914-4.806%2010.704-10.72%2010.72%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2230.51%22%20r%3D%228.902%22%2F%3E%3Cpath%20d%3D%22M36%2015.1c.5-13.15-19.03-4.582-21.79-9.568%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M38.32%2016.2h-4.638c-6.994.022-11.908%204.186-11.93%2011.18v23.34c.022%206.994%204.936%2011.158%2011.93%2011.18h4.638c6.994-.022%2011.908-4.436%2011.93-11.43V27.63c-.022-6.994-4.936-11.408-11.93-11.43%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M34.84%2016.46c3.809%201.634%207.429%204.23%207.851%2010.157c.488%206.864-2.052%2019.72-2.868%2026.25c-.571%204.565-2.829%206.428-5.826%208.824c4%20.08%206.615-.021%208.482-.338c3.306-.56%206.791-3.39%207.142-6.399c1.229-10.534.56-20.575.459-30.41c-.846-5.23-6.628-8.368-10.78-8.106c0%200-1.305-.512-4.459.03z%22%2F%3E%3Ccircle%20cx%3D%2236.74%22%20cy%3D%2230.51%22%20r%3D%228.902%22%20fill%3D%22%23f4aa41%22%2F%3E%3Cpath%20fill%3D%22%23e27022%22%20d%3D%22M37.95%2021.03a6.24%206.24%200%200%201%201.407%203.94a8.9%208.9%200%200%201-8.902%208.901c-1.765%200-2.272-.52-3.656-1.407c1.582%202.47%206.045%206.946%209.196%206.946a8.9%208.9%200%200%200%208.902-8.902c0-3.151-4.476-7.897-6.946-9.479z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M40.13%2062.42h-8.259c-5.914-.016-10.703-4.806-10.72-10.72V26.39c.017-5.914%204.806-10.703%2010.72-10.72h8.259c5.914.017%2010.704%204.806%2010.72%2010.72V51.7c-.016%205.914-4.806%2010.704-10.72%2010.72%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2230.51%22%20r%3D%228.902%22%2F%3E%3Cpath%20d%3D%22M36%2015.1c.5-13.15-19.03-4.582-21.79-9.568%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/trackball.svg?color=%231a73e8&size=48
