design-and-ux/hit-targets
Created with Sketch.
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Hit Targets
Web Skills Flat Vectors
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
2.85 KB
1.26 KB
-56%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="UTF-8"?> <!-- License: MIT. Made by Andreas Mehlsen: https://github.com/andreasbm/web-skills/ --> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>design-and-ux/hit-targets</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="design-and-ux/hit-targets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#1F2F3B" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="target-(1)" transform="translate(10.000000, 10.000000)" fill-rule="nonzero"> <path d="M48.3750352,23.7374297 L51.7500352,23.7374297 C50.2875,12.4873945 41.3999648,3.59996484 30.2624648,2.13753516 L30.2624648,5.51253516 C39.6000352,6.97507031 47.0249297,14.3999648 48.3750352,23.7374297 Z M30.2625703,48.3750352 L30.2625703,51.7500352 C41.4000703,50.2875 50.4001406,41.3999648 51.7501406,30.2624648 L48.3751406,30.2624648 C47.0249297,39.6000352 39.6000352,47.0249297 30.2625703,48.3750352 Z M5.62496484,30.2625703 L2.24996484,30.2625703 C3.7125,41.5126055 12.6000352,50.4000352 23.7375352,51.7501406 L23.7375352,48.3751406 C14.3999648,47.0249297 6.97507031,39.6000352 5.62496484,30.2625703 Z M2.24996484,23.7374297 L5.62496484,23.7374297 C7.0875,14.3998594 14.3999648,6.97485937 23.7375352,5.62485937 L23.7375352,2.24996484 C12.6000352,3.7125 3.7125,12.6000352 2.24996484,23.7374297 Z" id="Shape" fill="#CDD6E0"> </path> <path d="M39.4875,23.7374297 L42.9750352,23.7374297 C41.6250352,17.4374648 36.5625352,12.3748594 30.2625703,11.1373945 L30.2625703,14.6249297 C34.7625,15.7500703 38.2499297,19.2375 39.4875,23.7374297 Z M30.2625703,39.4875 L30.2625703,42.9750352 C36.5625352,41.6250352 41.6251406,36.5625352 42.8626055,30.2625703 L39.3750703,30.2625703 C38.2499297,34.7625 34.7625,38.2499297 30.2625703,39.4875 Z M14.5125,30.2625703 L11.0249648,30.2625703 C12.3749648,36.5625352 17.4374648,41.6251406 23.7374297,42.8626055 L23.7374297,39.3750703 C19.2375,38.2499297 15.7500703,34.7625 14.5125,30.2625703 Z M11.1375,23.7374297 L14.6250352,23.7374297 C15.7500703,19.2373945 19.3500352,15.7498594 23.8500703,14.5123945 L23.8500703,11.0249648 C17.4374648,12.3750703 12.3750703,17.4374648 11.1375,23.7374297 Z" id="Shape" fill="#F2F2F2"> </path> <polygon id="Shape" fill="#40596B" points="54 25.4250352 28.5749648 25.4250352 28.5749648 0 25.4250352 0 25.4250352 25.4250352 0 25.4250352 0 28.5749648 25.4250352 28.5749648 25.4250352 54 28.5749648 54 28.5749648 28.5749648 54 28.5749648"> </polygon> <circle id="Oval" fill="#FF7058" cx="27.0005273" cy="27.0005273" r="5.7375"> </circle> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
design-and-ux/hit-targets
Created with Sketch.
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
2.85 KB
1.26 KB
-56%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="UTF-8"?> <!-- License: MIT. Made by Andreas Mehlsen: https://github.com/andreasbm/web-skills/ --> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>design-and-ux/hit-targets</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="design-and-ux/hit-targets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#1F2F3B" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="target-(1)" transform="translate(10.000000, 10.000000)" fill-rule="nonzero"> <path d="M48.3750352,23.7374297 L51.7500352,23.7374297 C50.2875,12.4873945 41.3999648,3.59996484 30.2624648,2.13753516 L30.2624648,5.51253516 C39.6000352,6.97507031 47.0249297,14.3999648 48.3750352,23.7374297 Z M30.2625703,48.3750352 L30.2625703,51.7500352 C41.4000703,50.2875 50.4001406,41.3999648 51.7501406,30.2624648 L48.3751406,30.2624648 C47.0249297,39.6000352 39.6000352,47.0249297 30.2625703,48.3750352 Z M5.62496484,30.2625703 L2.24996484,30.2625703 C3.7125,41.5126055 12.6000352,50.4000352 23.7375352,51.7501406 L23.7375352,48.3751406 C14.3999648,47.0249297 6.97507031,39.6000352 5.62496484,30.2625703 Z M2.24996484,23.7374297 L5.62496484,23.7374297 C7.0875,14.3998594 14.3999648,6.97485937 23.7375352,5.62485937 L23.7375352,2.24996484 C12.6000352,3.7125 3.7125,12.6000352 2.24996484,23.7374297 Z" id="Shape" fill="#CDD6E0"> </path> <path d="M39.4875,23.7374297 L42.9750352,23.7374297 C41.6250352,17.4374648 36.5625352,12.3748594 30.2625703,11.1373945 L30.2625703,14.6249297 C34.7625,15.7500703 38.2499297,19.2375 39.4875,23.7374297 Z M30.2625703,39.4875 L30.2625703,42.9750352 C36.5625352,41.6250352 41.6251406,36.5625352 42.8626055,30.2625703 L39.3750703,30.2625703 C38.2499297,34.7625 34.7625,38.2499297 30.2625703,39.4875 Z M14.5125,30.2625703 L11.0249648,30.2625703 C12.3749648,36.5625352 17.4374648,41.6251406 23.7374297,42.8626055 L23.7374297,39.3750703 C19.2375,38.2499297 15.7500703,34.7625 14.5125,30.2625703 Z M11.1375,23.7374297 L14.6250352,23.7374297 C15.7500703,19.2373945 19.3500352,15.7498594 23.8500703,14.5123945 L23.8500703,11.0249648 C17.4374648,12.3750703 12.3750703,17.4374648 11.1375,23.7374297 Z" id="Shape" fill="#F2F2F2"> </path> <polygon id="Shape" fill="#40596B" points="54 25.4250352 28.5749648 25.4250352 28.5749648 0 25.4250352 0 25.4250352 25.4250352 0 25.4250352 0 28.5749648 25.4250352 28.5749648 25.4250352 54 28.5749648 54 28.5749648 28.5749648 54 28.5749648"> </polygon> <circle id="Oval" fill="#FF7058" cx="27.0005273" cy="27.0005273" r="5.7375"> </circle> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
design-and-ux/hit-targets
Created with Sketch.
100%
Download SVG