cowboy hat face emoji

cowboy-hat-face from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.

Name
cowboy-hat-face
Set
Twitter Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

cowboy-hat-faceEmoji One (Colored)cowboy-hat-faceFluent Emojicowboy-hat-faceFluent Emoji Flatcowboy-hat-faceFluent Emoji High Contrastcowboy-hat-faceNoto Emojicowboy-hat-faceOpenMojicowboy-hat-faceStreamline Emojis

More smileys & emotion icons from Twitter Emoji

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecrying-catcrying-facedashing-away

Use the cowboy hat face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M33 21c0 8.284-6.716 15-15 15S3 29.284 3 21S9.716 6 18 6s15 6.716 15 15"/><path fill="#664500" d="M25.688 25.605a.41.41 0 0 0-.522-.023c-.032.023-3.23 2.389-7.165 2.389c-3.925 0-7.133-2.365-7.165-2.389a.41.41 0 0 0-.6.54c.105.178 2.648 4.318 7.764 4.318s7.659-4.141 7.765-4.317a.41.41 0 0 0-.077-.518m-10.982-5.84c0 1.593-.922 2.883-2.059 2.883s-2.059-1.29-2.059-2.883c0-1.591.921-2.882 2.059-2.882s2.059 1.29 2.059 2.882m10.706 0c0 1.593-.922 2.883-2.06 2.883s-2.059-1.29-2.059-2.883c0-1.591.922-2.882 2.059-2.882c1.138-.001 2.06 1.29 2.06 2.882M32 6.13c-1.19 1.441-3.182 1.951-5.076 2.121C26.606 6.713 25.241 1 22.5 1c-2.403 0-3.269 1.091-4.5 1.091S15.903 1 13.5 1c-2.741 0-4.106 5.713-4.424 7.251C7.182 8.081 5.19 7.57 4 6.13C1.847 3.524-1 5.444.442 8.304C2.72 12.821 8.23 16 18 16s15.279-3.179 17.558-7.696C37 5.444 34.153 3.524 32 6.13"/><path fill="#825d0e" d="M21.5 3c-1.869 0-2.543.964-3.5.964S16.369 3 14.5 3C12.037 3 11 9.75 11 9.75S12.282 12 18 12c5.719 0 7-2.25 7-2.25S23.963 3 21.5 3"/><path fill="#664500" d="M11 6s2.074 2 7 2s7-2 7-2v2s-2.222 2-7 2s-7-2-7-2z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiCowboyHatFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M33 21c0 8.284-6.716 15-15 15S3 29.284 3 21S9.716 6 18 6s15 6.716 15 15"/><path fill="#664500" d="M25.688 25.605a.41.41 0 0 0-.522-.023c-.032.023-3.23 2.389-7.165 2.389c-3.925 0-7.133-2.365-7.165-2.389a.41.41 0 0 0-.6.54c.105.178 2.648 4.318 7.764 4.318s7.659-4.141 7.765-4.317a.41.41 0 0 0-.077-.518m-10.982-5.84c0 1.593-.922 2.883-2.059 2.883s-2.059-1.29-2.059-2.883c0-1.591.921-2.882 2.059-2.882s2.059 1.29 2.059 2.882m10.706 0c0 1.593-.922 2.883-2.06 2.883s-2.059-1.29-2.059-2.883c0-1.591.922-2.882 2.059-2.882c1.138-.001 2.06 1.29 2.06 2.882M32 6.13c-1.19 1.441-3.182 1.951-5.076 2.121C26.606 6.713 25.241 1 22.5 1c-2.403 0-3.269 1.091-4.5 1.091S15.903 1 13.5 1c-2.741 0-4.106 5.713-4.424 7.251C7.182 8.081 5.19 7.57 4 6.13C1.847 3.524-1 5.444.442 8.304C2.72 12.821 8.23 16 18 16s15.279-3.179 17.558-7.696C37 5.444 34.153 3.524 32 6.13"/><path fill="#825d0e" d="M21.5 3c-1.869 0-2.543.964-3.5.964S16.369 3 14.5 3C12.037 3 11 9.75 11 9.75S12.282 12 18 12c5.719 0 7-2.25 7-2.25S23.963 3 21.5 3"/><path fill="#664500" d="M11 6s2.074 2 7 2s7-2 7-2v2s-2.222 2-7 2s-7-2-7-2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M33 21c0 8.284-6.716 15-15 15S3 29.284 3 21S9.716 6 18 6s15 6.716 15 15"/><path fill="#664500" d="M25.688 25.605a.41.41 0 0 0-.522-.023c-.032.023-3.23 2.389-7.165 2.389c-3.925 0-7.133-2.365-7.165-2.389a.41.41 0 0 0-.6.54c.105.178 2.648 4.318 7.764 4.318s7.659-4.141 7.765-4.317a.41.41 0 0 0-.077-.518m-10.982-5.84c0 1.593-.922 2.883-2.059 2.883s-2.059-1.29-2.059-2.883c0-1.591.921-2.882 2.059-2.882s2.059 1.29 2.059 2.882m10.706 0c0 1.593-.922 2.883-2.06 2.883s-2.059-1.29-2.059-2.883c0-1.591.922-2.882 2.059-2.882c1.138-.001 2.06 1.29 2.06 2.882M32 6.13c-1.19 1.441-3.182 1.951-5.076 2.121C26.606 6.713 25.241 1 22.5 1c-2.403 0-3.269 1.091-4.5 1.091S15.903 1 13.5 1c-2.741 0-4.106 5.713-4.424 7.251C7.182 8.081 5.19 7.57 4 6.13C1.847 3.524-1 5.444.442 8.304C2.72 12.821 8.23 16 18 16s15.279-3.179 17.558-7.696C37 5.444 34.153 3.524 32 6.13"/><path fill="#825d0e" d="M21.5 3c-1.869 0-2.543.964-3.5.964S16.369 3 14.5 3C12.037 3 11 9.75 11 9.75S12.282 12 18 12c5.719 0 7-2.25 7-2.25S23.963 3 21.5 3"/><path fill="#664500" d="M11 6s2.074 2 7 2s7-2 7-2v2s-2.222 2-7 2s-7-2-7-2z"/></svg>
</template>

CSS

.icon-cowboy-hat-face {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M33%2021c0%208.284-6.716%2015-15%2015S3%2029.284%203%2021S9.716%206%2018%206s15%206.716%2015%2015%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M25.688%2025.605a.41.41%200%200%200-.522-.023c-.032.023-3.23%202.389-7.165%202.389c-3.925%200-7.133-2.365-7.165-2.389a.41.41%200%200%200-.6.54c.105.178%202.648%204.318%207.764%204.318s7.659-4.141%207.765-4.317a.41.41%200%200%200-.077-.518m-10.982-5.84c0%201.593-.922%202.883-2.059%202.883s-2.059-1.29-2.059-2.883c0-1.591.921-2.882%202.059-2.882s2.059%201.29%202.059%202.882m10.706%200c0%201.593-.922%202.883-2.06%202.883s-2.059-1.29-2.059-2.883c0-1.591.922-2.882%202.059-2.882c1.138-.001%202.06%201.29%202.06%202.882M32%206.13c-1.19%201.441-3.182%201.951-5.076%202.121C26.606%206.713%2025.241%201%2022.5%201c-2.403%200-3.269%201.091-4.5%201.091S15.903%201%2013.5%201c-2.741%200-4.106%205.713-4.424%207.251C7.182%208.081%205.19%207.57%204%206.13C1.847%203.524-1%205.444.442%208.304C2.72%2012.821%208.23%2016%2018%2016s15.279-3.179%2017.558-7.696C37%205.444%2034.153%203.524%2032%206.13%22%2F%3E%3Cpath%20fill%3D%22%23825d0e%22%20d%3D%22M21.5%203c-1.869%200-2.543.964-3.5.964S16.369%203%2014.5%203C12.037%203%2011%209.75%2011%209.75S12.282%2012%2018%2012c5.719%200%207-2.25%207-2.25S23.963%203%2021.5%203%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M11%206s2.074%202%207%202s7-2%207-2v2s-2.222%202-7%202s-7-2-7-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M33%2021c0%208.284-6.716%2015-15%2015S3%2029.284%203%2021S9.716%206%2018%206s15%206.716%2015%2015%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M25.688%2025.605a.41.41%200%200%200-.522-.023c-.032.023-3.23%202.389-7.165%202.389c-3.925%200-7.133-2.365-7.165-2.389a.41.41%200%200%200-.6.54c.105.178%202.648%204.318%207.764%204.318s7.659-4.141%207.765-4.317a.41.41%200%200%200-.077-.518m-10.982-5.84c0%201.593-.922%202.883-2.059%202.883s-2.059-1.29-2.059-2.883c0-1.591.921-2.882%202.059-2.882s2.059%201.29%202.059%202.882m10.706%200c0%201.593-.922%202.883-2.06%202.883s-2.059-1.29-2.059-2.883c0-1.591.922-2.882%202.059-2.882c1.138-.001%202.06%201.29%202.06%202.882M32%206.13c-1.19%201.441-3.182%201.951-5.076%202.121C26.606%206.713%2025.241%201%2022.5%201c-2.403%200-3.269%201.091-4.5%201.091S15.903%201%2013.5%201c-2.741%200-4.106%205.713-4.424%207.251C7.182%208.081%205.19%207.57%204%206.13C1.847%203.524-1%205.444.442%208.304C2.72%2012.821%208.23%2016%2018%2016s15.279-3.179%2017.558-7.696C37%205.444%2034.153%203.524%2032%206.13%22%2F%3E%3Cpath%20fill%3D%22%23825d0e%22%20d%3D%22M21.5%203c-1.869%200-2.543.964-3.5.964S16.369%203%2014.5%203C12.037%203%2011%209.75%2011%209.75S12.282%2012%2018%2012c5.719%200%207-2.25%207-2.25S23.963%203%2021.5%203%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M11%206s2.074%202%207%202s7-2%207-2v2s-2.222%202-7%202s-7-2-7-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/cowboy-hat-face.svg?color=%231a73e8&size=48