Cowboy Hat Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Cowboy Hat icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/319816.svg" alt="Cowboy Hat icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319816.svg" alt="Cowboy Hat icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319816.svg" alt="Cowboy Hat icon" :width="24" :height="24" />
CSS background
.icon-cowboy-hat {
background-image: url('https://proicons.com/icon/319816.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 9.03 Build 55587) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="cowboy--hat_00000152952605416393623450000011297911210280222645_" d="M26,23.36H6c-3.38,0-5.232-3.047-5.31-3.176 l0.619-0.369C1.326,19.844,3.035,22.64,6,22.64h0.644c0.021-1.083,0.157-4.425,1.008-7.729c0.77-2.989,3.045-6.27,4.349-6.27 c0.486,0,0.933,0.185,1.452,0.4C14.13,9.321,14.9,9.64,16,9.64s1.869-0.319,2.549-0.6c0.518-0.215,0.966-0.4,1.451-0.4 c1.349,0,3.517,3.441,4.346,6.258c0.985,3.347,1.037,6.645,1.023,7.741H26c3.93,0,4.623-2.613,4.65-2.725l0.7,0.168 C31.343,20.116,30.519,23.36,26,23.36z M7.364,22.64h17.284c0.003-0.28,0.001-0.722-0.021-1.279H7.416 C7.383,21.915,7.37,22.356,7.364,22.64z M7.465,20.64h17.123c-0.097-1.495-0.341-3.524-0.934-5.538 C22.73,11.959,20.664,9.36,20,9.36c-0.343,0-0.71,0.152-1.176,0.345C18.12,9.997,17.243,10.36,16,10.36s-2.12-0.363-2.824-0.655 C12.71,9.512,12.343,9.36,12,9.36c-0.716,0-2.859,2.652-3.651,5.73C7.829,17.107,7.582,19.141,7.465,20.64z M18.275,19.36 c-0.074,0-0.148-0.023-0.211-0.069L16,17.795l-2.064,1.496c-0.126,0.092-0.297,0.092-0.423,0s-0.179-0.254-0.13-0.402l0.788-2.423 l-2.058-1.5c-0.126-0.092-0.179-0.254-0.13-0.402c0.048-0.148,0.187-0.249,0.342-0.249h2.544l0.788-2.427 c0.095-0.296,0.588-0.298,0.685,0l0.79,2.427h2.543c0.156,0,0.294,0.1,0.343,0.249c0.048,0.148-0.005,0.311-0.131,0.402l-2.057,1.5 l0.788,2.423c0.048,0.148-0.005,0.311-0.131,0.402C18.424,19.337,18.35,19.36,18.275,19.36z M16,16.991 c0.074,0,0.148,0.023,0.211,0.069l1.379,1l-0.526-1.62c-0.048-0.148,0.005-0.311,0.131-0.402l1.375-1.002h-1.7 c-0.156,0-0.294-0.1-0.342-0.249L16,13.165l-0.527,1.622c-0.048,0.148-0.187,0.249-0.342,0.249H13.43l1.375,1.002 c0.126,0.092,0.179,0.254,0.13,0.402l-0.527,1.619l1.379-0.999C15.852,17.014,15.926,16.991,16,16.991z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
More from Carbon Icons
View all
Cowboy Hat in other icon packs
Copied!