cowboy hat face emoji

cowboy-hat-face from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.

Name
cowboy-hat-face
Set
Fluent Emoji High Contrast
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

cowboy-hat-faceEmoji One (Colored)cowboy-hat-faceFluent Emojicowboy-hat-faceFluent Emoji Flatcowboy-hat-faceNoto Emojicowboy-hat-faceOpenMojicowboy-hat-faceStreamline Emojiscowboy-hat-faceTwitter Emoji

More smileys & emotion icons from Fluent Emoji High Contrast

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

Use the cowboy hat face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M12 17.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m8 0a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5M16 27c-8 0-8-8-8-8h16s0 8-8 8"/><path d="M8 5v-.5A2.5 2.5 0 0 0 5.5 2C3.5 2 1 3 1 7c0 2.515 1.854 3.96 3.375 4.624C3.451 13.53 3 15.712 3 18c0 3.512 1.061 6.772 3.266 9.165C8.483 29.57 11.766 31 16 31c4.235 0 7.517-1.43 9.734-3.835C27.94 24.772 29 21.512 29 18c0-2.287-.45-4.47-1.375-6.376C29.146 10.96 31 9.516 31 7c0-4-2.5-5-4.5-5A2.5 2.5 0 0 0 24 4.5V5c0 .481-.113 1.227-.444 1.967c-.333.744-.902 1.515-1.832 1.98a.5.5 0 1 1-.448-.894c.67-.335 1.1-.898 1.368-1.495A4.1 4.1 0 0 0 23 5h-1v-.962C22 2.361 20.612 1 18.902 1c-.694 0-1.328.227-1.84.602a1.527 1.527 0 0 1-2.123 0A3.1 3.1 0 0 0 13.099 1C11.388 1 10 2.361 10 4.038V5H9c0 .352.087.957.356 1.558c.267.597.698 1.16 1.368 1.495a.5.5 0 1 1-.448.894c-.93-.465-1.5-1.236-1.832-1.98A5.1 5.1 0 0 1 8 5m8 6.5c3.702 0 6.496-.779 8.108-1.474q.081.082.159.168C26.062 12.144 27 14.884 27 18c0 3.12-.94 5.86-2.737 7.81C22.48 27.744 19.762 29 16 29s-6.48-1.255-8.263-3.19C5.94 23.86 5 21.12 5 18s.94-5.86 2.737-7.81q.076-.083.155-.164C9.504 10.72 12.298 11.5 16 11.5"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastCowboyHatFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M12 17.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m8 0a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5M16 27c-8 0-8-8-8-8h16s0 8-8 8"/><path d="M8 5v-.5A2.5 2.5 0 0 0 5.5 2C3.5 2 1 3 1 7c0 2.515 1.854 3.96 3.375 4.624C3.451 13.53 3 15.712 3 18c0 3.512 1.061 6.772 3.266 9.165C8.483 29.57 11.766 31 16 31c4.235 0 7.517-1.43 9.734-3.835C27.94 24.772 29 21.512 29 18c0-2.287-.45-4.47-1.375-6.376C29.146 10.96 31 9.516 31 7c0-4-2.5-5-4.5-5A2.5 2.5 0 0 0 24 4.5V5c0 .481-.113 1.227-.444 1.967c-.333.744-.902 1.515-1.832 1.98a.5.5 0 1 1-.448-.894c.67-.335 1.1-.898 1.368-1.495A4.1 4.1 0 0 0 23 5h-1v-.962C22 2.361 20.612 1 18.902 1c-.694 0-1.328.227-1.84.602a1.527 1.527 0 0 1-2.123 0A3.1 3.1 0 0 0 13.099 1C11.388 1 10 2.361 10 4.038V5H9c0 .352.087.957.356 1.558c.267.597.698 1.16 1.368 1.495a.5.5 0 1 1-.448.894c-.93-.465-1.5-1.236-1.832-1.98A5.1 5.1 0 0 1 8 5m8 6.5c3.702 0 6.496-.779 8.108-1.474q.081.082.159.168C26.062 12.144 27 14.884 27 18c0 3.12-.94 5.86-2.737 7.81C22.48 27.744 19.762 29 16 29s-6.48-1.255-8.263-3.19C5.94 23.86 5 21.12 5 18s.94-5.86 2.737-7.81q.076-.083.155-.164C9.504 10.72 12.298 11.5 16 11.5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M12 17.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m8 0a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5M16 27c-8 0-8-8-8-8h16s0 8-8 8"/><path d="M8 5v-.5A2.5 2.5 0 0 0 5.5 2C3.5 2 1 3 1 7c0 2.515 1.854 3.96 3.375 4.624C3.451 13.53 3 15.712 3 18c0 3.512 1.061 6.772 3.266 9.165C8.483 29.57 11.766 31 16 31c4.235 0 7.517-1.43 9.734-3.835C27.94 24.772 29 21.512 29 18c0-2.287-.45-4.47-1.375-6.376C29.146 10.96 31 9.516 31 7c0-4-2.5-5-4.5-5A2.5 2.5 0 0 0 24 4.5V5c0 .481-.113 1.227-.444 1.967c-.333.744-.902 1.515-1.832 1.98a.5.5 0 1 1-.448-.894c.67-.335 1.1-.898 1.368-1.495A4.1 4.1 0 0 0 23 5h-1v-.962C22 2.361 20.612 1 18.902 1c-.694 0-1.328.227-1.84.602a1.527 1.527 0 0 1-2.123 0A3.1 3.1 0 0 0 13.099 1C11.388 1 10 2.361 10 4.038V5H9c0 .352.087.957.356 1.558c.267.597.698 1.16 1.368 1.495a.5.5 0 1 1-.448.894c-.93-.465-1.5-1.236-1.832-1.98A5.1 5.1 0 0 1 8 5m8 6.5c3.702 0 6.496-.779 8.108-1.474q.081.082.159.168C26.062 12.144 27 14.884 27 18c0 3.12-.94 5.86-2.737 7.81C22.48 27.744 19.762 29 16 29s-6.48-1.255-8.263-3.19C5.94 23.86 5 21.12 5 18s.94-5.86 2.737-7.81q.076-.083.155-.164C9.504 10.72 12.298 11.5 16 11.5"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%2017.5a2.5%202.5%200%201%200%200-5a2.5%202.5%200%200%200%200%205m8%200a2.5%202.5%200%201%200%200-5a2.5%202.5%200%200%200%200%205M16%2027c-8%200-8-8-8-8h16s0%208-8%208%22%2F%3E%3Cpath%20d%3D%22M8%205v-.5A2.5%202.5%200%200%200%205.5%202C3.5%202%201%203%201%207c0%202.515%201.854%203.96%203.375%204.624C3.451%2013.53%203%2015.712%203%2018c0%203.512%201.061%206.772%203.266%209.165C8.483%2029.57%2011.766%2031%2016%2031c4.235%200%207.517-1.43%209.734-3.835C27.94%2024.772%2029%2021.512%2029%2018c0-2.287-.45-4.47-1.375-6.376C29.146%2010.96%2031%209.516%2031%207c0-4-2.5-5-4.5-5A2.5%202.5%200%200%200%2024%204.5V5c0%20.481-.113%201.227-.444%201.967c-.333.744-.902%201.515-1.832%201.98a.5.5%200%201%201-.448-.894c.67-.335%201.1-.898%201.368-1.495A4.1%204.1%200%200%200%2023%205h-1v-.962C22%202.361%2020.612%201%2018.902%201c-.694%200-1.328.227-1.84.602a1.527%201.527%200%200%201-2.123%200A3.1%203.1%200%200%200%2013.099%201C11.388%201%2010%202.361%2010%204.038V5H9c0%20.352.087.957.356%201.558c.267.597.698%201.16%201.368%201.495a.5.5%200%201%201-.448.894c-.93-.465-1.5-1.236-1.832-1.98A5.1%205.1%200%200%201%208%205m8%206.5c3.702%200%206.496-.779%208.108-1.474q.081.082.159.168C26.062%2012.144%2027%2014.884%2027%2018c0%203.12-.94%205.86-2.737%207.81C22.48%2027.744%2019.762%2029%2016%2029s-6.48-1.255-8.263-3.19C5.94%2023.86%205%2021.12%205%2018s.94-5.86%202.737-7.81q.076-.083.155-.164C9.504%2010.72%2012.298%2011.5%2016%2011.5%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%2017.5a2.5%202.5%200%201%200%200-5a2.5%202.5%200%200%200%200%205m8%200a2.5%202.5%200%201%200%200-5a2.5%202.5%200%200%200%200%205M16%2027c-8%200-8-8-8-8h16s0%208-8%208%22%2F%3E%3Cpath%20d%3D%22M8%205v-.5A2.5%202.5%200%200%200%205.5%202C3.5%202%201%203%201%207c0%202.515%201.854%203.96%203.375%204.624C3.451%2013.53%203%2015.712%203%2018c0%203.512%201.061%206.772%203.266%209.165C8.483%2029.57%2011.766%2031%2016%2031c4.235%200%207.517-1.43%209.734-3.835C27.94%2024.772%2029%2021.512%2029%2018c0-2.287-.45-4.47-1.375-6.376C29.146%2010.96%2031%209.516%2031%207c0-4-2.5-5-4.5-5A2.5%202.5%200%200%200%2024%204.5V5c0%20.481-.113%201.227-.444%201.967c-.333.744-.902%201.515-1.832%201.98a.5.5%200%201%201-.448-.894c.67-.335%201.1-.898%201.368-1.495A4.1%204.1%200%200%200%2023%205h-1v-.962C22%202.361%2020.612%201%2018.902%201c-.694%200-1.328.227-1.84.602a1.527%201.527%200%200%201-2.123%200A3.1%203.1%200%200%200%2013.099%201C11.388%201%2010%202.361%2010%204.038V5H9c0%20.352.087.957.356%201.558c.267.597.698%201.16%201.368%201.495a.5.5%200%201%201-.448.894c-.93-.465-1.5-1.236-1.832-1.98A5.1%205.1%200%200%201%208%205m8%206.5c3.702%200%206.496-.779%208.108-1.474q.081.082.159.168C26.062%2012.144%2027%2014.884%2027%2018c0%203.12-.94%205.86-2.737%207.81C22.48%2027.744%2019.762%2029%2016%2029s-6.48-1.255-8.263-3.19C5.94%2023.86%205%2021.12%205%2018s.94-5.86%202.737-7.81q.076-.083.155-.164C9.504%2010.72%2012.298%2011.5%2016%2011.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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