trackball emoji
trackball from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.
- Name
- trackball
- Set
- Fluent Emoji
- Style
- Default
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
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"><g filter="url(#iuM5hsb)"><path fill="url(#iQUFcqc)" d="M7.074 6.763a4.7 4.7 0 0 1 4.7-4.7h8.452a4.7 4.7 0 0 1 4.7 4.7v18.675a4.5 4.5 0 0 1-4.5 4.5h-8.852a4.5 4.5 0 0 1-4.5-4.5z"/><path fill="url(#iFAvZrc)" d="M7.074 6.763a4.7 4.7 0 0 1 4.7-4.7h8.452a4.7 4.7 0 0 1 4.7 4.7v18.675a4.5 4.5 0 0 1-4.5 4.5h-8.852a4.5 4.5 0 0 1-4.5-4.5z"/><path fill="url(#iX0Wtue)" d="M7.074 6.763a4.7 4.7 0 0 1 4.7-4.7h8.452a4.7 4.7 0 0 1 4.7 4.7v18.675a4.5 4.5 0 0 1-4.5 4.5h-8.852a4.5 4.5 0 0 1-4.5-4.5z"/></g><g filter="url(#iGNFe3b)"><path stroke="url(#iL14QRb)" stroke-width=".25" d="M16.54 2.063h-1.08V4.96a6.063 6.063 0 0 0 0 12.078v1.328a.54.54 0 0 0 1.08 0V17.04a6.063 6.063 0 0 0 0-12.078z"/></g><g filter="url(#iKNJYUd)"><path fill="#543A65" d="M16.54 2.063h-1.08V4.96a6.063 6.063 0 0 0 0 12.078v1.328a.54.54 0 0 0 1.08 0V17.04a6.063 6.063 0 0 0 0-12.078z"/></g><circle cx="16" cy="11" r="5" fill="url(#iZILHre)"/><circle cx="16" cy="11" r="5" fill="url(#iUlf7xK)"/><ellipse cx="17.489" cy="9.643" fill="url(#irQNiGK)" rx="1.377" ry="1.753" transform="rotate(-33.162 17.49 9.643)"/><defs><radialGradient id="iQUFcqc" cx="0" cy="0" r="1" gradientTransform="scale(14.8125 15.5)rotate(90 .39 .918)" gradientUnits="userSpaceOnUse"><stop stop-color="#7F7DA4"/><stop offset="1" stop-color="#50437F"/></radialGradient><radialGradient id="iFAvZrc" cx="0" cy="0" r="1" gradientTransform="matrix(2.5625 -9.125 11.4883 3.22617 13.438 31)" gradientUnits="userSpaceOnUse"><stop stop-color="#4B367A"/><stop offset="1" stop-color="#4B367A" stop-opacity="0"/></radialGradient><radialGradient id="iX0Wtue" cx="0" cy="0" r="1" gradientTransform="rotate(60.971 1.609 9.775)scale(13.6526 27.2717)" gradientUnits="userSpaceOnUse"><stop stop-color="#616293"/><stop offset="1" stop-color="#616293" stop-opacity="0"/></radialGradient><radialGradient id="iZILHre" cx="0" cy="0" r="1" gradientTransform="matrix(-5.3437 6.75004 -7.06062 -5.58956 18.906 8.406)" gradientUnits="userSpaceOnUse"><stop offset=".175" stop-color="#FF4471"/><stop offset="1" stop-color="#C9274F"/></radialGradient><radialGradient id="iUlf7xK" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.6875 -7.77422 0 16 9.313)" gradientUnits="userSpaceOnUse"><stop offset=".897" stop-color="#C72361" stop-opacity="0"/><stop offset="1" stop-color="#C72361"/></radialGradient><filter id="iuM5hsb" width="18.252" height="28.275" x="6.874" y="1.863" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.4 0 0 0 0 0.4 0 0 0 0 0.498039 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19755"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.521569 0 0 0 0 0.52549 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_19755" result="effect2_innerShadow_18_19755"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.478431 0 0 0 0 0.380392 0 0 0 0 0.619608 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19755" result="effect3_innerShadow_18_19755"/></filter><filter id="iGNFe3b" width="12.875" height="17.594" x="9.563" y="1.688" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_19755" stdDeviation=".125"/></filter><filter id="iKNJYUd" width="12.525" height="16.844" x="9.688" y="2.063" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.239216 0 0 0 0 0.141176 0 0 0 0 0.333333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19755"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.4 0 0 0 0 0.321569 0 0 0 0 0.466667 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_19755" result="effect2_innerShadow_18_19755"/></filter><linearGradient id="iL14QRb" x1="16.219" x2="16.219" y1="16.875" y2="3.094" gradientUnits="userSpaceOnUse"><stop stop-color="#625B87"/><stop offset="1" stop-color="#625B87" stop-opacity="0"/></linearGradient><linearGradient id="irQNiGK" x1="18.009" x2="16.436" y1="8.468" y2="10.874" gradientUnits="userSpaceOnUse"><stop offset=".391" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiTrackball(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"><g filter="url(#iuM5hsb)"><path fill="url(#iQUFcqc)" d="M7.074 6.763a4.7 4.7 0 0 1 4.7-4.7h8.452a4.7 4.7 0 0 1 4.7 4.7v18.675a4.5 4.5 0 0 1-4.5 4.5h-8.852a4.5 4.5 0 0 1-4.5-4.5z"/><path fill="url(#iFAvZrc)" d="M7.074 6.763a4.7 4.7 0 0 1 4.7-4.7h8.452a4.7 4.7 0 0 1 4.7 4.7v18.675a4.5 4.5 0 0 1-4.5 4.5h-8.852a4.5 4.5 0 0 1-4.5-4.5z"/><path fill="url(#iX0Wtue)" d="M7.074 6.763a4.7 4.7 0 0 1 4.7-4.7h8.452a4.7 4.7 0 0 1 4.7 4.7v18.675a4.5 4.5 0 0 1-4.5 4.5h-8.852a4.5 4.5 0 0 1-4.5-4.5z"/></g><g filter="url(#iGNFe3b)"><path stroke="url(#iL14QRb)" strokeWidth=".25" d="M16.54 2.063h-1.08V4.96a6.063 6.063 0 0 0 0 12.078v1.328a.54.54 0 0 0 1.08 0V17.04a6.063 6.063 0 0 0 0-12.078z"/></g><g filter="url(#iKNJYUd)"><path fill="#543A65" d="M16.54 2.063h-1.08V4.96a6.063 6.063 0 0 0 0 12.078v1.328a.54.54 0 0 0 1.08 0V17.04a6.063 6.063 0 0 0 0-12.078z"/></g><circle cx="16" cy="11" r="5" fill="url(#iZILHre)"/><circle cx="16" cy="11" r="5" fill="url(#iUlf7xK)"/><ellipse cx="17.489" cy="9.643" fill="url(#irQNiGK)" rx="1.377" ry="1.753" transform="rotate(-33.162 17.49 9.643)"/><defs><radialGradient id="iQUFcqc" cx="0" cy="0" r="1" gradientTransform="scale(14.8125 15.5)rotate(90 .39 .918)" gradientUnits="userSpaceOnUse"><stop stopColor="#7F7DA4"/><stop offset="1" stopColor="#50437F"/></radialGradient><radialGradient id="iFAvZrc" cx="0" cy="0" r="1" gradientTransform="matrix(2.5625 -9.125 11.4883 3.22617 13.438 31)" gradientUnits="userSpaceOnUse"><stop stopColor="#4B367A"/><stop offset="1" stopColor="#4B367A" stopOpacity="0"/></radialGradient><radialGradient id="iX0Wtue" cx="0" cy="0" r="1" gradientTransform="rotate(60.971 1.609 9.775)scale(13.6526 27.2717)" gradientUnits="userSpaceOnUse"><stop stopColor="#616293"/><stop offset="1" stopColor="#616293" stopOpacity="0"/></radialGradient><radialGradient id="iZILHre" cx="0" cy="0" r="1" gradientTransform="matrix(-5.3437 6.75004 -7.06062 -5.58956 18.906 8.406)" gradientUnits="userSpaceOnUse"><stop offset=".175" stopColor="#FF4471"/><stop offset="1" stopColor="#C9274F"/></radialGradient><radialGradient id="iUlf7xK" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.6875 -7.77422 0 16 9.313)" gradientUnits="userSpaceOnUse"><stop offset=".897" stopColor="#C72361" stopOpacity="0"/><stop offset="1" stopColor="#C72361"/></radialGradient><filter id="iuM5hsb" width="18.252" height="28.275" x="6.874" y="1.863" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.4 0 0 0 0 0.4 0 0 0 0 0.498039 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19755"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.521569 0 0 0 0 0.52549 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_19755" result="effect2_innerShadow_18_19755"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.478431 0 0 0 0 0.380392 0 0 0 0 0.619608 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19755" result="effect3_innerShadow_18_19755"/></filter><filter id="iGNFe3b" width="12.875" height="17.594" x="9.563" y="1.688" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_19755" stdDeviation=".125"/></filter><filter id="iKNJYUd" width="12.525" height="16.844" x="9.688" y="2.063" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.239216 0 0 0 0 0.141176 0 0 0 0 0.333333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19755"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.4 0 0 0 0 0.321569 0 0 0 0 0.466667 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_19755" result="effect2_innerShadow_18_19755"/></filter><linearGradient id="iL14QRb" x1="16.219" x2="16.219" y1="16.875" y2="3.094" gradientUnits="userSpaceOnUse"><stop stopColor="#625B87"/><stop offset="1" stopColor="#625B87" stopOpacity="0"/></linearGradient><linearGradient id="irQNiGK" x1="18.009" x2="16.436" y1="8.468" y2="10.874" gradientUnits="userSpaceOnUse"><stop offset=".391" stopColor="#fff"/><stop offset="1" stopColor="#fff" stopOpacity="0"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iuM5hsb)"><path fill="url(#iQUFcqc)" d="M7.074 6.763a4.7 4.7 0 0 1 4.7-4.7h8.452a4.7 4.7 0 0 1 4.7 4.7v18.675a4.5 4.5 0 0 1-4.5 4.5h-8.852a4.5 4.5 0 0 1-4.5-4.5z"/><path fill="url(#iFAvZrc)" d="M7.074 6.763a4.7 4.7 0 0 1 4.7-4.7h8.452a4.7 4.7 0 0 1 4.7 4.7v18.675a4.5 4.5 0 0 1-4.5 4.5h-8.852a4.5 4.5 0 0 1-4.5-4.5z"/><path fill="url(#iX0Wtue)" d="M7.074 6.763a4.7 4.7 0 0 1 4.7-4.7h8.452a4.7 4.7 0 0 1 4.7 4.7v18.675a4.5 4.5 0 0 1-4.5 4.5h-8.852a4.5 4.5 0 0 1-4.5-4.5z"/></g><g filter="url(#iGNFe3b)"><path stroke="url(#iL14QRb)" stroke-width=".25" d="M16.54 2.063h-1.08V4.96a6.063 6.063 0 0 0 0 12.078v1.328a.54.54 0 0 0 1.08 0V17.04a6.063 6.063 0 0 0 0-12.078z"/></g><g filter="url(#iKNJYUd)"><path fill="#543A65" d="M16.54 2.063h-1.08V4.96a6.063 6.063 0 0 0 0 12.078v1.328a.54.54 0 0 0 1.08 0V17.04a6.063 6.063 0 0 0 0-12.078z"/></g><circle cx="16" cy="11" r="5" fill="url(#iZILHre)"/><circle cx="16" cy="11" r="5" fill="url(#iUlf7xK)"/><ellipse cx="17.489" cy="9.643" fill="url(#irQNiGK)" rx="1.377" ry="1.753" transform="rotate(-33.162 17.49 9.643)"/><defs><radialGradient id="iQUFcqc" cx="0" cy="0" r="1" gradientTransform="scale(14.8125 15.5)rotate(90 .39 .918)" gradientUnits="userSpaceOnUse"><stop stop-color="#7F7DA4"/><stop offset="1" stop-color="#50437F"/></radialGradient><radialGradient id="iFAvZrc" cx="0" cy="0" r="1" gradientTransform="matrix(2.5625 -9.125 11.4883 3.22617 13.438 31)" gradientUnits="userSpaceOnUse"><stop stop-color="#4B367A"/><stop offset="1" stop-color="#4B367A" stop-opacity="0"/></radialGradient><radialGradient id="iX0Wtue" cx="0" cy="0" r="1" gradientTransform="rotate(60.971 1.609 9.775)scale(13.6526 27.2717)" gradientUnits="userSpaceOnUse"><stop stop-color="#616293"/><stop offset="1" stop-color="#616293" stop-opacity="0"/></radialGradient><radialGradient id="iZILHre" cx="0" cy="0" r="1" gradientTransform="matrix(-5.3437 6.75004 -7.06062 -5.58956 18.906 8.406)" gradientUnits="userSpaceOnUse"><stop offset=".175" stop-color="#FF4471"/><stop offset="1" stop-color="#C9274F"/></radialGradient><radialGradient id="iUlf7xK" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.6875 -7.77422 0 16 9.313)" gradientUnits="userSpaceOnUse"><stop offset=".897" stop-color="#C72361" stop-opacity="0"/><stop offset="1" stop-color="#C72361"/></radialGradient><filter id="iuM5hsb" width="18.252" height="28.275" x="6.874" y="1.863" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.4 0 0 0 0 0.4 0 0 0 0 0.498039 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19755"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.521569 0 0 0 0 0.52549 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_19755" result="effect2_innerShadow_18_19755"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.478431 0 0 0 0 0.380392 0 0 0 0 0.619608 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19755" result="effect3_innerShadow_18_19755"/></filter><filter id="iGNFe3b" width="12.875" height="17.594" x="9.563" y="1.688" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_19755" stdDeviation=".125"/></filter><filter id="iKNJYUd" width="12.525" height="16.844" x="9.688" y="2.063" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.239216 0 0 0 0 0.141176 0 0 0 0 0.333333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19755"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.4 0 0 0 0 0.321569 0 0 0 0 0.466667 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_19755" result="effect2_innerShadow_18_19755"/></filter><linearGradient id="iL14QRb" x1="16.219" x2="16.219" y1="16.875" y2="3.094" gradientUnits="userSpaceOnUse"><stop stop-color="#625B87"/><stop offset="1" stop-color="#625B87" stop-opacity="0"/></linearGradient><linearGradient id="irQNiGK" x1="18.009" x2="16.436" y1="8.468" y2="10.874" gradientUnits="userSpaceOnUse"><stop offset=".391" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs></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%3Cg%20filter%3D%22url(%23iuM5hsb)%22%3E%3Cpath%20fill%3D%22url(%23iQUFcqc)%22%20d%3D%22M7.074%206.763a4.7%204.7%200%200%201%204.7-4.7h8.452a4.7%204.7%200%200%201%204.7%204.7v18.675a4.5%204.5%200%200%201-4.5%204.5h-8.852a4.5%204.5%200%200%201-4.5-4.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23iFAvZrc)%22%20d%3D%22M7.074%206.763a4.7%204.7%200%200%201%204.7-4.7h8.452a4.7%204.7%200%200%201%204.7%204.7v18.675a4.5%204.5%200%200%201-4.5%204.5h-8.852a4.5%204.5%200%200%201-4.5-4.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23iX0Wtue)%22%20d%3D%22M7.074%206.763a4.7%204.7%200%200%201%204.7-4.7h8.452a4.7%204.7%200%200%201%204.7%204.7v18.675a4.5%204.5%200%200%201-4.5%204.5h-8.852a4.5%204.5%200%200%201-4.5-4.5z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iGNFe3b)%22%3E%3Cpath%20stroke%3D%22url(%23iL14QRb)%22%20stroke-width%3D%22.25%22%20d%3D%22M16.54%202.063h-1.08V4.96a6.063%206.063%200%200%200%200%2012.078v1.328a.54.54%200%200%200%201.08%200V17.04a6.063%206.063%200%200%200%200-12.078z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iKNJYUd)%22%3E%3Cpath%20fill%3D%22%23543A65%22%20d%3D%22M16.54%202.063h-1.08V4.96a6.063%206.063%200%200%200%200%2012.078v1.328a.54.54%200%200%200%201.08%200V17.04a6.063%206.063%200%200%200%200-12.078z%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2211%22%20r%3D%225%22%20fill%3D%22url(%23iZILHre)%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2211%22%20r%3D%225%22%20fill%3D%22url(%23iUlf7xK)%22%2F%3E%3Cellipse%20cx%3D%2217.489%22%20cy%3D%229.643%22%20fill%3D%22url(%23irQNiGK)%22%20rx%3D%221.377%22%20ry%3D%221.753%22%20transform%3D%22rotate(-33.162%2017.49%209.643)%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22iQUFcqc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22scale(14.8125%2015.5)rotate(90%20.39%20.918)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237F7DA4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2350437F%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iFAvZrc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(2.5625%20-9.125%2011.4883%203.22617%2013.438%2031)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234B367A%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234B367A%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iX0Wtue%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(60.971%201.609%209.775)scale(13.6526%2027.2717)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23616293%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23616293%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iZILHre%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-5.3437%206.75004%20-7.06062%20-5.58956%2018.906%208.406)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.175%22%20stop-color%3D%22%23FF4471%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C9274F%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iUlf7xK%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%206.6875%20-7.77422%200%2016%209.313)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.897%22%20stop-color%3D%22%23C72361%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C72361%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22iuM5hsb%22%20width%3D%2218.252%22%20height%3D%2228.275%22%20x%3D%226.874%22%20y%3D%221.863%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200%200.498039%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_19755%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.521569%200%200%200%200%200.52549%200%200%200%200%200.709804%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_19755%22%20result%3D%22effect2_innerShadow_18_19755%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22-.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.478431%200%200%200%200%200.380392%200%200%200%200%200.619608%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect2_innerShadow_18_19755%22%20result%3D%22effect3_innerShadow_18_19755%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iGNFe3b%22%20width%3D%2212.875%22%20height%3D%2217.594%22%20x%3D%229.563%22%20y%3D%221.688%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_19755%22%20stdDeviation%3D%22.125%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iKNJYUd%22%20width%3D%2212.525%22%20height%3D%2216.844%22%20x%3D%229.688%22%20y%3D%222.063%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.25%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.239216%200%200%200%200%200.141176%200%200%200%200%200.333333%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_19755%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.15%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.125%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.4%200%200%200%200%200.321569%200%200%200%200%200.466667%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_19755%22%20result%3D%22effect2_innerShadow_18_19755%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22iL14QRb%22%20x1%3D%2216.219%22%20x2%3D%2216.219%22%20y1%3D%2216.875%22%20y2%3D%223.094%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23625B87%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23625B87%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22irQNiGK%22%20x1%3D%2218.009%22%20x2%3D%2216.436%22%20y1%3D%228.468%22%20y2%3D%2210.874%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.391%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%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%3Cg%20filter%3D%22url(%23iuM5hsb)%22%3E%3Cpath%20fill%3D%22url(%23iQUFcqc)%22%20d%3D%22M7.074%206.763a4.7%204.7%200%200%201%204.7-4.7h8.452a4.7%204.7%200%200%201%204.7%204.7v18.675a4.5%204.5%200%200%201-4.5%204.5h-8.852a4.5%204.5%200%200%201-4.5-4.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23iFAvZrc)%22%20d%3D%22M7.074%206.763a4.7%204.7%200%200%201%204.7-4.7h8.452a4.7%204.7%200%200%201%204.7%204.7v18.675a4.5%204.5%200%200%201-4.5%204.5h-8.852a4.5%204.5%200%200%201-4.5-4.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23iX0Wtue)%22%20d%3D%22M7.074%206.763a4.7%204.7%200%200%201%204.7-4.7h8.452a4.7%204.7%200%200%201%204.7%204.7v18.675a4.5%204.5%200%200%201-4.5%204.5h-8.852a4.5%204.5%200%200%201-4.5-4.5z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iGNFe3b)%22%3E%3Cpath%20stroke%3D%22url(%23iL14QRb)%22%20stroke-width%3D%22.25%22%20d%3D%22M16.54%202.063h-1.08V4.96a6.063%206.063%200%200%200%200%2012.078v1.328a.54.54%200%200%200%201.08%200V17.04a6.063%206.063%200%200%200%200-12.078z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iKNJYUd)%22%3E%3Cpath%20fill%3D%22%23543A65%22%20d%3D%22M16.54%202.063h-1.08V4.96a6.063%206.063%200%200%200%200%2012.078v1.328a.54.54%200%200%200%201.08%200V17.04a6.063%206.063%200%200%200%200-12.078z%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2211%22%20r%3D%225%22%20fill%3D%22url(%23iZILHre)%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2211%22%20r%3D%225%22%20fill%3D%22url(%23iUlf7xK)%22%2F%3E%3Cellipse%20cx%3D%2217.489%22%20cy%3D%229.643%22%20fill%3D%22url(%23irQNiGK)%22%20rx%3D%221.377%22%20ry%3D%221.753%22%20transform%3D%22rotate(-33.162%2017.49%209.643)%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22iQUFcqc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22scale(14.8125%2015.5)rotate(90%20.39%20.918)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237F7DA4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2350437F%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iFAvZrc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(2.5625%20-9.125%2011.4883%203.22617%2013.438%2031)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234B367A%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234B367A%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iX0Wtue%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(60.971%201.609%209.775)scale(13.6526%2027.2717)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23616293%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23616293%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iZILHre%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-5.3437%206.75004%20-7.06062%20-5.58956%2018.906%208.406)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.175%22%20stop-color%3D%22%23FF4471%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C9274F%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iUlf7xK%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%206.6875%20-7.77422%200%2016%209.313)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.897%22%20stop-color%3D%22%23C72361%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C72361%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22iuM5hsb%22%20width%3D%2218.252%22%20height%3D%2228.275%22%20x%3D%226.874%22%20y%3D%221.863%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200%200.498039%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_19755%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.521569%200%200%200%200%200.52549%200%200%200%200%200.709804%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_19755%22%20result%3D%22effect2_innerShadow_18_19755%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22-.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.478431%200%200%200%200%200.380392%200%200%200%200%200.619608%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect2_innerShadow_18_19755%22%20result%3D%22effect3_innerShadow_18_19755%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iGNFe3b%22%20width%3D%2212.875%22%20height%3D%2217.594%22%20x%3D%229.563%22%20y%3D%221.688%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_19755%22%20stdDeviation%3D%22.125%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iKNJYUd%22%20width%3D%2212.525%22%20height%3D%2216.844%22%20x%3D%229.688%22%20y%3D%222.063%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.25%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.239216%200%200%200%200%200.141176%200%200%200%200%200.333333%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_19755%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.15%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.125%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.4%200%200%200%200%200.321569%200%200%200%200%200.466667%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_19755%22%20result%3D%22effect2_innerShadow_18_19755%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22iL14QRb%22%20x1%3D%2216.219%22%20x2%3D%2216.219%22%20y1%3D%2216.875%22%20y2%3D%223.094%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23625B87%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23625B87%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22irQNiGK%22%20x1%3D%2218.009%22%20x2%3D%2216.436%22%20y1%3D%228.468%22%20y2%3D%2210.874%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.391%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji/trackball.svg?color=%231a73e8&size=48