Cowboy Hat Face

Customize Colors

Cowboy Hat Face

Collection:: Emoji Face Emoji Vectors
Category:: Multicolor
License:: Free for Commercial Use

Free for Commercial Use: This SVG icon is free to use in personal and commercial projects without attribution.

Related Icons

<svg width="800px" height="800px" viewBox="0 0 246 246" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_397_3185)">
<g filter="url(#filter0_iii_397_3185)">
<path d="M0 75.5H246V127C246 192.722 192.722 246 127 246H123C55.069 246 0 190.931 0 123V75.5Z" fill="url(#paint0_radial_397_3185)"/>
</g>
<g filter="url(#filter1_d_397_3185)">
<g filter="url(#filter2_i_397_3185)">
<circle cx="80.5" cy="123.5" r="35.5" fill="#FAFAFA"/>
</g>
<g filter="url(#filter3_i_397_3185)">
<rect x="61.617" y="104.617" width="37.7471" height="37.7471" rx="18.8736" fill="#2C2F36"/>
</g>
</g>
<g filter="url(#filter4_d_397_3185)">
<g filter="url(#filter5_i_397_3185)">
<circle cx="166.5" cy="123.5" r="35.5" fill="#FAFAFA"/>
</g>
<g filter="url(#filter6_i_397_3185)">
<rect x="147.617" y="104.617" width="37.7471" height="37.7471" rx="18.8736" fill="#2C2F36"/>
</g>
</g>
<g filter="url(#filter7_ii_397_3185)">
<path d="M16 53V64C16 78.3594 27.6406 90 42 90H204C218.359 90 230 78.3594 230 64V57.8803" stroke="url(#paint1_linear_397_3185)" stroke-width="33" stroke-linecap="round"/>
</g>
<g filter="url(#filter8_ii_397_3185)">
<path d="M45.8365 50C45.8365 26.4298 45.8365 14.6447 53.1589 7.32233C60.4812 0 72.2663 0 95.8366 0H151.192C174.763 0 186.548 0 193.87 7.32233C201.192 14.6447 201.192 26.4298 201.192 50V79H45.8365V50Z" fill="url(#paint2_linear_397_3185)"/>
</g>
<g filter="url(#filter9_ii_397_3185)">
<path d="M45.8365 35H201.192V58H45.8365V35Z" fill="url(#paint3_linear_397_3185)"/>
</g>
<g filter="url(#filter10_diiii_397_3185)">
<mask id="path-9-inside-1_397_3185" fill="white">
<path d="M179.462 162.5C184.178 162.5 188.065 166.344 187.359 171.006C186.599 176.026 185.168 180.947 183.09 185.652C179.849 192.993 175.098 199.662 169.108 205.28C163.119 210.898 156.009 215.354 148.183 218.395C140.358 221.435 131.97 223 123.5 223C115.03 223 106.642 221.435 98.8169 218.395C90.9914 215.354 83.881 210.898 77.8916 205.28C71.9022 199.662 67.1512 192.993 63.9098 185.652C61.832 180.947 60.4006 176.026 59.6406 171.006C58.9348 166.344 62.8225 162.5 67.5377 162.5C72.253 162.5 75.9891 166.361 76.9448 170.978C77.5493 173.899 78.4659 176.762 79.6854 179.523C82.0687 184.92 85.562 189.824 89.9658 193.955C94.3695 198.085 99.5976 201.362 105.351 203.597C111.105 205.833 117.272 206.983 123.5 206.983C129.728 206.983 135.895 205.833 141.649 203.597C147.402 201.362 152.63 198.085 157.034 193.955C161.438 189.824 164.931 184.92 167.315 179.523C168.534 176.762 169.451 173.899 170.055 170.978C171.011 166.361 174.747 162.5 179.462 162.5Z"/>
</mask>
<path d="M179.462 162.5C184.178 162.5 188.065 166.344 187.359 171.006C186.599 176.026 185.168 180.947 183.09 185.652C179.849 192.993 175.098 199.662 169.108 205.28C163.119 210.898 156.009 215.354 148.183 218.395C140.358 221.435 131.97 223 123.5 223C115.03 223 106.642 221.435 98.8169 218.395C90.9914 215.354 83.881 210.898 77.8916 205.28C71.9022 199.662 67.1512 192.993 63.9098 185.652C61.832 180.947 60.4006 176.026 59.6406 171.006C58.9348 166.344 62.8225 162.5 67.5377 162.5C72.253 162.5 75.9891 166.361 76.9448 170.978C77.5493 173.899 78.4659 176.762 79.6854 179.523C82.0687 184.92 85.562 189.824 89.9658 193.955C94.3695 198.085 99.5976 201.362 105.351 203.597C111.105 205.833 117.272 206.983 123.5 206.983C129.728 206.983 135.895 205.833 141.649 203.597C147.402 201.362 152.63 198.085 157.034 193.955C161.438 189.824 164.931 184.92 167.315 179.523C168.534 176.762 169.451 173.899 170.055 170.978C171.011 166.361 174.747 162.5 179.462 162.5Z" stroke="url(#paint4_linear_397_3185)" stroke-width="22" stroke-linejoin="round" mask="url(#path-9-inside-1_397_3185)"/>
</g>
</g>
<defs>
<filter id="filter0_iii_397_3185" x="-11" y="57.5" width="278" height="204.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="21" dy="13"/>
<feGaussianBlur stdDeviation="24"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.682806 0 0 0 0 0.0652778 0 0 0 0 0.783333 0 0 0 0.14 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3185"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-18"/>
<feGaussianBlur stdDeviation="15.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.943639 0 0 0 0 0.223611 0 0 0 0 0.958333 0 0 0 0.44 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_397_3185" result="effect2_innerShadow_397_3185"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-11" dy="16"/>
<feGaussianBlur stdDeviation="15.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.59 0"/>
<feBlend mode="normal" in2="effect2_innerShadow_397_3185" result="effect3_innerShadow_397_3185"/>
</filter>
<filter id="filter1_d_397_3185" x="30.6489" y="76.6702" width="99.7021" height="99.7021" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.02128"/>
<feGaussianBlur stdDeviation="7.17553"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_397_3185"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_397_3185" result="shape"/>
</filter>
<filter id="filter2_i_397_3185" x="45" y="84.45" width="71" height="74.55" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-3.55"/>
<feGaussianBlur stdDeviation="8.875"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3185"/>
</filter>
<filter id="filter3_i_397_3185" x="61.617" y="104.617" width="37.7471" height="37.7471" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="31.2004" operator="dilate" in="SourceAlpha" result="effect1_innerShadow_397_3185"/>
<feOffset dx="10.8523" dy="-32.5569"/>
<feGaussianBlur stdDeviation="12.2088"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.462111 0 0 0 0 0.203767 0 0 0 0 0.504167 0 0 0 0.35 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3185"/>
</filter>
<filter id="filter4_d_397_3185" x="116.649" y="76.6702" width="99.7021" height="99.7021" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.02128"/>
<feGaussianBlur stdDeviation="7.17553"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_397_3185"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_397_3185" result="shape"/>
</filter>
<filter id="filter5_i_397_3185" x="131" y="84.45" width="71" height="74.55" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-3.55"/>
<feGaussianBlur stdDeviation="8.875"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3185"/>
</filter>
<filter id="filter6_i_397_3185" x="147.617" y="104.617" width="37.7472" height="37.7471" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="31.2004" operator="dilate" in="SourceAlpha" result="effect1_innerShadow_397_3185"/>
<feOffset dx="10.8523" dy="-32.5569"/>
<feGaussianBlur stdDeviation="12.2088"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.462111 0 0 0 0 0.203767 0 0 0 0 0.504167 0 0 0 0.35 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3185"/>
</filter>
<filter id="filter7_ii_397_3185" x="-4.5" y="32.5" width="251" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="-4"/>
<feGaussianBlur stdDeviation="6.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.175 0 0 0 0 0.175 0 0 0 0 0.175 0 0 0 0.48 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3185"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="3.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.48 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_397_3185" result="effect2_innerShadow_397_3185"/>
</filter>
<filter id="filter8_ii_397_3185" x="41.8365" y="-4" width="159.356" height="87" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="-4"/>
<feGaussianBlur stdDeviation="6.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.175 0 0 0 0 0.175 0 0 0 0 0.175 0 0 0 0.48 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3185"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="3.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.48 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_397_3185" result="effect2_innerShadow_397_3185"/>
</filter>
<filter id="filter9_ii_397_3185" x="41.8365" y="31" width="159.356" height="31" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="-4"/>
<feGaussianBlur stdDeviation="6.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.175 0 0 0 0 0.175 0 0 0 0 0.175 0 0 0 0.48 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_397_3185"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="3.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.48 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_397_3185" result="effect2_innerShadow_397_3185"/>
</filter>
<filter id="filter10_diiii_397_3185" x="26.2242" y="145.833" width="194.552" height="127.167" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="16.6667"/>
<feGaussianBlur stdDeviation="16.6667"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0298758 0 0 0 0 0.0216858 0 0 0 0 0.0308333 0 0 0 0.24 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_397_3185"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_397_3185" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="5.18518"/>
<feGaussianBlur stdDeviation="2.59259"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.17328 0 0 0 0 0.125777 0 0 0 0 0.178833 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_397_3185"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-2.59259"/>
<feGaussianBlur stdDeviation="1.2963"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.119503 0 0 0 0 0.086743 0 0 0 0 0.123333 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect2_innerShadow_397_3185" result="effect3_innerShadow_397_3185"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="26.45" operator="dilate" in="SourceAlpha" result="effect4_innerShadow_397_3185"/>
<feOffset dx="9.2" dy="-9"/>
<feGaussianBlur stdDeviation="10.35"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.462111 0 0 0 0 0.203767 0 0 0 0 0.504167 0 0 0 0.35 0"/>
<feBlend mode="normal" in2="effect3_innerShadow_397_3185" result="effect4_innerShadow_397_3185"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="26.45" operator="dilate" in="SourceAlpha" result="effect5_innerShadow_397_3185"/>
<feOffset dx="9.2" dy="-9"/>
<feGaussianBlur stdDeviation="10.35"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.462111 0 0 0 0 0.203767 0 0 0 0 0.504167 0 0 0 0.35 0"/>
<feBlend mode="normal" in2="effect4_innerShadow_397_3185" result="effect5_innerShadow_397_3185"/>
</filter>
<radialGradient id="paint0_radial_397_3185" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(109 15.9999) rotate(86.5167) scale(230.426 230.426)">
<stop stop-color="#FFBB0C"/>
<stop offset="1" stop-color="#FFC907"/>
</radialGradient>
<linearGradient id="paint1_linear_397_3185" x1="123" y1="65.9824" x2="123" y2="99.1831" gradientUnits="userSpaceOnUse">
<stop stop-color="#C45200"/>
<stop offset="0.96875" stop-color="#A43100"/>
</linearGradient>
<linearGradient id="paint2_linear_397_3185" x1="123.514" y1="27.7193" x2="123.514" y2="98.6072" gradientUnits="userSpaceOnUse">
<stop stop-color="#C45200"/>
<stop offset="0.96875" stop-color="#A43100"/>
</linearGradient>
<linearGradient id="paint3_linear_397_3185" x1="123.514" y1="43.0702" x2="123.028" y2="127.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#D3D3D3"/>
<stop offset="0.96875" stop-color="#5B3C0C"/>
</linearGradient>
<linearGradient id="paint4_linear_397_3185" x1="123.5" y1="102" x2="123.5" y2="223" gradientUnits="userSpaceOnUse">
<stop stop-color="#201721"/>
<stop offset="1" stop-color="#2B1F2C"/>
</linearGradient>
<clipPath id="clip0_397_3185">
<rect width="246" height="246" fill="white"/>
</clipPath>
</defs>
</svg>

Copied to clipboard!

Menu

Bookmarked SVGs

Cowboy Hat Face

Customize Colors

Cowboy Hat Face

Related Icons

Face Blowing A Kiss

Kissing Face

Face With Monocle

Face With Open Mouth

Face Screaming In Fear

Crying Face

Face Vomiting

Face With Tears Of Joy