Baseball Cap Icon SVG
Baseball Cap
Baseball cap SVG Icon Code | Customize color
You can get svg icon baseball cap in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeBaseball cap
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 30C12 21.1634 19.1634 14 28 14V14C36.8366 14 44 21.1634 44 30V36H12V30Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.0002 36C21.0002 32.5 21.0002 14 28.0002 14C35.0002 14 34.5002 32 34.0002 36" stroke="#333" stroke-width="1"/><rect x="4" y="36" width="30" height="6" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="28" cy="10" r="4" fill="none" stroke="#333" stroke-width="1"/></svg> Baseball cap
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 30C12 21.1634 19.1634 14 28 14V14C36.8366 14 44 21.1634 44 30V36H12V30Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M22.0002 36C21.0002 32.5 21.0002 14 28.0002 14C35.0002 14 34.5002 32 34.0002 36" stroke="#333" stroke-width="1" fill="white"></path><rect x="4" y="36" width="30" height="6" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></rect><circle cx="28" cy="10" r="4" fill="none" stroke="#333" stroke-width="1"></circle></svg> Baseball cap
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 30C12 21.1634 19.1634 14 28 14V14C36.8366 14 44 21.1634 44 30V36H12V30Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M22.0002 36C21.0002 32.5 21.0002 14 28.0002 14C35.0002 14 34.5002 32 34.0002 36" stroke="#333" stroke-width="1" fill="red"></path><rect x="4" y="36" width="30" height="6" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></rect><circle cx="28" cy="10" r="4" fill="none" stroke="#333" stroke-width="1"></circle></svg> Baseball cap
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 30C12 21.1634 19.1634 14 28 14V14C36.8366 14 44 21.1634 44 30V36H12V30Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M22.0002 36C21.0002 32.5 21.0002 14 28.0002 14C35.0002 14 34.5002 32 34.0002 36" stroke="#333" stroke-width="1" fill="blue"></path><rect x="4" y="36" width="30" height="6" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></rect><circle cx="28" cy="10" r="4" fill="none" stroke="#333" stroke-width="1"></circle></svg> Baseball cap
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 30C12 21.1634 19.1634 14 28 14V14C36.8366 14 44 21.1634 44 30V36H12V30Z" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M22.0002 36C21.0002 32.5 21.0002 14 28.0002 14C35.0002 14 34.5002 32 34.0002 36" stroke="#333" stroke-width="1" fill="#f3da35"></path><rect x="4" y="36" width="30" height="6" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></rect><circle cx="28" cy="10" r="4" fill="none" stroke="#333" stroke-width="1"></circle></svg> Advance Editor
You can edit baseball cap as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements