5 lines
5.1 KiB
TypeScript
5 lines
5.1 KiB
TypeScript
|
|
namespace pxsim.visuals {
|
|
export const TOUCH_SENSOR_SVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 37 37"><defs><clipPath id="clip-path" transform="translate(-23.5 -19.95)"><path d="M27.94 55.37c-1.06 0-2-.6-2-1.36v-4.4H25a1 1 0 0 1-1-1V29.37a1 1 0 0 1 1-1h1v-5c0-.77.91-1.37 2-1.37h10.71v1.37h6.37V22h11.08c1.07 0 2 .6 2 1.37v5h1a1 1 0 0 1 1 1v19.24a1 1 0 0 1-1 1h-1V54c0 .76-.9 1.37-2 1.37z" fill="none"/></clipPath><linearGradient id="linear-gradient" x1="-419.47" y1="499.03" x2="-419.47" y2="498.9" gradientTransform="matrix(32.16 0 0 -33.37 13531 16705.16)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a8aaa8"/><stop offset="1" stop-color="#535453"/></linearGradient><linearGradient id="linear-gradient-2" x1="-523.02" y1="1202.1" x2="-523.91" y2="1202.1" gradientTransform="matrix(9.56 0 0 -6.22 5012.11 7495.73)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d42715"/><stop offset="1" stop-color="#a20800"/></linearGradient><linearGradient id="linear-gradient-3" x1="-937.08" y1="111.13" x2="-937.97" y2="111.13" gradientTransform="matrix(0 9.56 6.22 0 -672.58 8970)" xlink:href="#linear-gradient-2"/><linearGradient id="linear-gradient-4" x1="-227.08" y1="-525.1" x2="-227.97" y2="-525.1" gradientTransform="matrix(-9.56 0 0 6.22 -2147 3285.47)" xlink:href="#linear-gradient-2"/><linearGradient id="linear-gradient-5" x1="186.98" y1="565.87" x2="186.08" y2="565.87" gradientTransform="matrix(0 -9.56 -6.22 0 3537.68 1810.89)" xlink:href="#linear-gradient-2"/><linearGradient id="linear-gradient-6" x1="-523.02" y1="1202.1" x2="-523.91" y2="1202.1" gradientTransform="matrix(9.56 0 0 -6.22 5012.11 7495.73)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d42715"/><stop offset="1"/></linearGradient><linearGradient id="linear-gradient-7" x1="-937.08" y1="111.13" x2="-937.97" y2="111.13" gradientTransform="matrix(0 9.56 6.22 0 -672.58 8970)" xlink:href="#linear-gradient-6"/><linearGradient id="linear-gradient-8" x1="-227.08" y1="-525.1" x2="-227.97" y2="-525.1" gradientTransform="matrix(-9.56 0 0 6.22 -2147 3285.47)" xlink:href="#linear-gradient-6"/><linearGradient id="linear-gradient-9" x1="186.98" y1="565.87" x2="186.08" y2="565.87" gradientTransform="matrix(0 -9.56 -6.22 0 3537.68 1810.89)" xlink:href="#linear-gradient-6"/></defs><g style="isolation:isolate"><g id="_457f40bb-bec4-4a4a-9249-bb4ee7f4f5d6" data-name="457f40bb-bec4-4a4a-9249-bb4ee7f4f5d6"><g id="Touch_sensor" data-name="Touch sensor"><g clip-path="url(#clip-path)" id="touch_box" data-name="touch box"><g id="touch_box_grey" data-name="touch box grey"><g id="touch_box_total" data-name="touch box total"><path id="touch_box_1" data-name="touch box 1" d="M24.76 28.37h34.58a.76.76 0 0 1 .76.76v19.72a.76.76 0 0 1-.76.76H24.76a.76.76 0 0 1-.76-.76V29.13a.76.76 0 0 1 .76-.76z" transform="translate(-23.5 -19.95)" fill="#a8aaa8"/><image width="37" height="37" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAACXBIWXMAAAsSAAALEgHS3X78AAAA/UlEQVRYR+2YvY3DMAxG3xekVGZw+gyQOW6Sm+VmuAEyTfr4VrB6ppBkGEb+6ATJFXyAIAigyEdbFWVm/EfW04MkXQu8hV3o7tlcajklJWALpOvXLpKBvu6NBHQsy3Uys7yGsbst8A3sAE+3PXCoe6MDvur+KAYcgR9Jx+mvTBSpPT6xXV3PfrH2HBLM3hhFqK1H2VDE5nhyNMY7c7GlLJG4yepewKcIMS8h5iXEvISYlxDzEmJeQsxLiHkJMS8h5iXEvISYlxDzMhf79HhxrD8Vy8AfMNSAd6+h1s9Qpz1mZpJ64JdCx/tp9Xszs3HUCSBpg3/g9ioyRWoAOAOiRFr4OQdRFAAAAABJRU5ErkJggg==" style="mix-blend-mode:multiply" opacity=".3"/><path id="touch_box_2-2" data-name="touch box 2-2" d="M27.94 22h10.77v1.37h6.37V22h11.07c1.07 0 2 .6 2 1.37V54c0 .76-.9 1.36-2 1.36H27.94c-1.07 0-2-.6-2-1.36V23.37c.06-.77.93-1.37 2-1.37z" transform="translate(-23.5 -19.95)" fill="url(#linear-gradient)"/><path id="touch_boxside_1" data-name="touch boxside 1" d="M35.08 11.45h.76v6.07h-.76z"/><path id="touch_boxside_2" data-name="touch boxside 2" d="M1.41 11.45h.76v6.07h-.76z"/><path id="touch_boxside_3" data-name="touch boxside 3" d="M35.08 20.1h.76v6.07h-.76z"/><path id="touch_boxside_4" data-name="touch boxside 4" d="M1.41 20.1h.76v6.07h-.76z"/></g></g></g><g id="touch_btn" data-name="touch btn"><path id="touch_gradient4" data-name="touch gradient4" fill="url(#linear-gradient-2)" d="M5.05 16.76h9.56v6.22H5.05z"/><path id="touch_gradient3" data-name="touch gradient3" fill="url(#linear-gradient-3)" d="M15.44 6.22h6.22v9.56h-6.22z"/><path id="touch_gradient2" data-name="touch gradient2" fill="url(#linear-gradient-4)" d="M22.49 16.76h9.56v6.22h-9.56z"/><path id="touch_gradient1" data-name="touch gradient1" fill="url(#linear-gradient-5)" d="M15.44 23.67h6.22v9.56h-6.22z"/><g id="touch_red" data-name="touch red"><circle cx="18.55" cy="19.8" r="6.07" fill="#d42715"/><circle cx="18.55" cy="19.8" r="5.94" fill="none" stroke="#a20800" stroke-width=".25"/></g><path id="touch_hole" data-name="touch hole" d="M40.52 37.33s-.05.91-.69.92h-1.31a2.13 2.13 0 0 0-.41 1.52c0 1.14.32 1.44.32 1.44h1.46a.58.58 0 0 1 .63.53v1.6a3.46 3.46 0 0 0 1.59.26 5.9 5.9 0 0 0 1.5-.26v-1.5a.67.67 0 0 1 .66-.63 9.38 9.38 0 0 0 1.3-.12s.36-.34.39-1.47-.31-1.48-.31-1.48h-1.53a.57.57 0 0 1-.67-.45.86.86 0 0 1 0-.16 9 9 0 0 1 0-1.47 4.31 4.31 0 0 0-2.92 0c-.03.62-.01 1.27-.01 1.27z" transform="translate(-23.5 -19.95)"/></g></g></g></g></svg>`;
|
|
}
|