SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Hat
Outdoor Line 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
4.2 KB
2.18 KB
-48%
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: CC Attribution. Made by Kirk Castro: https://dribbble.com/KirkCastro --> <svg width="800px" height="800px" viewBox="0 -1.84 148.211 148.211" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="clip-path"> <path id="Path_1714" data-name="Path 1714" d="M417.885,473.15V457.778a62.56,62.56,0,0,0-125.12,0V473.15Z"/> </clipPath> </defs> <g id="Group_3281" data-name="Group 3281" transform="translate(-281.219 -366.677)"> <path id="Path_1709" data-name="Path 1709" d="M417.885,473.15V457.778a62.56,62.56,0,0,0-125.12,0V473.15" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <g id="Group_3279" data-name="Group 3279"> <g id="Group_3278" data-name="Group 3278" clip-path="url(#clip-path)"> <path id="Path_1710" data-name="Path 1710" d="M451.772,473.15V456.228a68.867,68.867,0,0,0-137.734,0V473.15" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <path id="Path_1711" data-name="Path 1711" d="M470.554,473.15V456.228a68.867,68.867,0,0,0-137.734,0V473.15" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <path id="Path_1712" data-name="Path 1712" d="M397.514,473.15V456.228a68.867,68.867,0,0,0-137.734,0V473.15" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <path id="Path_1713" data-name="Path 1713" d="M377.829,473.15V456.228a68.867,68.867,0,1,0-137.734,0V473.15" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> </g> </g> <path id="Path_1715" data-name="Path 1715" d="M424.93,508.714H285.719a2,2,0,0,1-2-2V475.15a2,2,0,0,1,2-2H424.93a2,2,0,0,1,2,2v31.565A2,2,0,0,1,424.93,508.714Z" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <g id="Group_3280" data-name="Group 3280"> <line id="Line_16" data-name="Line 16" y2="35.564" transform="translate(292.764 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_17" data-name="Line 17" y2="35.564" transform="translate(304.139 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_18" data-name="Line 18" y2="35.564" transform="translate(315.514 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_19" data-name="Line 19" y2="35.564" transform="translate(326.888 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_20" data-name="Line 20" y2="35.564" transform="translate(338.263 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_21" data-name="Line 21" y2="35.564" transform="translate(349.637 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_22" data-name="Line 22" y2="35.564" transform="translate(361.012 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_23" data-name="Line 23" y2="35.564" transform="translate(372.387 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_24" data-name="Line 24" y2="35.564" transform="translate(383.761 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_25" data-name="Line 25" y2="35.564" transform="translate(395.136 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_26" data-name="Line 26" y2="35.564" transform="translate(406.51 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_27" data-name="Line 27" y2="35.564" transform="translate(417.885 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> </g> <circle id="Ellipse_441" data-name="Ellipse 441" cx="18.184" cy="18.184" r="18.184" transform="translate(337.141 369.177)" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_28" data-name="Line 28" y2="67.605" transform="translate(355.325 405.545)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
4.2 KB
2.18 KB
-48%
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: CC Attribution. Made by Kirk Castro: https://dribbble.com/KirkCastro --> <svg width="800px" height="800px" viewBox="0 -1.84 148.211 148.211" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="clip-path"> <path id="Path_1714" data-name="Path 1714" d="M417.885,473.15V457.778a62.56,62.56,0,0,0-125.12,0V473.15Z"/> </clipPath> </defs> <g id="Group_3281" data-name="Group 3281" transform="translate(-281.219 -366.677)"> <path id="Path_1709" data-name="Path 1709" d="M417.885,473.15V457.778a62.56,62.56,0,0,0-125.12,0V473.15" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <g id="Group_3279" data-name="Group 3279"> <g id="Group_3278" data-name="Group 3278" clip-path="url(#clip-path)"> <path id="Path_1710" data-name="Path 1710" d="M451.772,473.15V456.228a68.867,68.867,0,0,0-137.734,0V473.15" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <path id="Path_1711" data-name="Path 1711" d="M470.554,473.15V456.228a68.867,68.867,0,0,0-137.734,0V473.15" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <path id="Path_1712" data-name="Path 1712" d="M397.514,473.15V456.228a68.867,68.867,0,0,0-137.734,0V473.15" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <path id="Path_1713" data-name="Path 1713" d="M377.829,473.15V456.228a68.867,68.867,0,1,0-137.734,0V473.15" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> </g> </g> <path id="Path_1715" data-name="Path 1715" d="M424.93,508.714H285.719a2,2,0,0,1-2-2V475.15a2,2,0,0,1,2-2H424.93a2,2,0,0,1,2,2v31.565A2,2,0,0,1,424.93,508.714Z" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <g id="Group_3280" data-name="Group 3280"> <line id="Line_16" data-name="Line 16" y2="35.564" transform="translate(292.764 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_17" data-name="Line 17" y2="35.564" transform="translate(304.139 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_18" data-name="Line 18" y2="35.564" transform="translate(315.514 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_19" data-name="Line 19" y2="35.564" transform="translate(326.888 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_20" data-name="Line 20" y2="35.564" transform="translate(338.263 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_21" data-name="Line 21" y2="35.564" transform="translate(349.637 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_22" data-name="Line 22" y2="35.564" transform="translate(361.012 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_23" data-name="Line 23" y2="35.564" transform="translate(372.387 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_24" data-name="Line 24" y2="35.564" transform="translate(383.761 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_25" data-name="Line 25" y2="35.564" transform="translate(395.136 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_26" data-name="Line 26" y2="35.564" transform="translate(406.51 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_27" data-name="Line 27" y2="35.564" transform="translate(417.885 473.15)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> </g> <circle id="Ellipse_441" data-name="Ellipse 441" cx="18.184" cy="18.184" r="18.184" transform="translate(337.141 369.177)" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> <line id="Line_28" data-name="Line 28" y2="67.605" transform="translate(355.325 405.545)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="5"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download