hat cowboy icon
hat-cowboy from Line Awesome by Icons8 · Line · Clothing · Apache-2.0 Free for personal and commercial use.
- Name
- hat-cowboy
- Set
- Line Awesome
- Style
- Line
- Category
- Clothing
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- hat-cowboy-solid
The same icon in other sets
More clothing icons from Line Awesome
Use the hat cowboy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14 6c-.898 0-1.563.5-2.156 1.156c-.59.649-1.07 1.532-1.313 2.594c-.004.012.004.02 0 .031c-.261 1-.633 2.727-.937 4.219C8.894 13.395 8 13 7 13c-2.21 0-4 1.79-4 4c0 2.105.543 4.477 2.531 6.219C7.52 24.96 10.766 26 16 26c5.238 0 8.516-1.059 10.5-2.813C28.484 21.434 29 19.06 29 17c0-2.21-1.79-4-4-4a3.98 3.98 0 0 0-2.594.969l-.031-.031c0-.004-.031.003-.031 0c-.356-1.649-.64-3.036-.875-4.157c-.239-1.125-.742-2.035-1.344-2.687C19.523 6.44 18.859 6 18 6c-.816 0-1.352.418-1.719.688c-.129.093-.199.16-.281.218c-.082-.058-.152-.125-.281-.218C15.352 6.418 14.816 6 14 6m0 2c-.016 0 .223.082.531.313c.156.113.317.238.531.374c.215.137.481.313.938.313s.723-.176.938-.313c.214-.136.375-.261.53-.374c.31-.231.548-.313.532-.313c-.059 0 .309.094.656.469s.711.976.875 1.75c.278 1.312.68 3.18 1.032 4.812a2 2 0 0 1-.157.094C19.73 15.52 18.418 16 16 16s-3.73-.48-4.406-.875c-.078-.043-.125-.082-.188-.125c.344-1.66.774-3.656 1.063-4.75v-.031c.16-.723.52-1.324.875-1.719S14.102 8 14 8m-7 7c1.16 0 1.957.77 2 1.906v.032a1 1 0 0 0 .031.562a1 1 0 0 0 .031.094c.196 1.949 1.293 3.254 2.626 3.812C13.152 22.023 14.75 22 16 22c1.277 0 2.895-.016 4.344-.656c1.347-.598 2.472-1.946 2.625-3.907A1 1 0 0 0 23 17v-.031a1 1 0 0 0 0-.125c.066-1.106.863-1.844 2-1.844c1.191 0 2 .809 2 2c0 1.742-.379 3.395-1.844 4.688S20.961 24 16 24c-4.965 0-7.695-1-9.156-2.281S5 18.797 5 17c0-1.191.809-2 2-2m4 2.063c1.059.515 2.617.937 5 .937s3.941-.422 5-.938c-.016 1.543-.559 2.036-1.469 2.438c-.926.41-2.308.5-3.531.5c-1.25 0-2.652-.023-3.563-.406c-.898-.38-1.425-.875-1.437-2.532z"/></svg>
React
import type { SVGProps } from "react";
export function LaHatCowboy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14 6c-.898 0-1.563.5-2.156 1.156c-.59.649-1.07 1.532-1.313 2.594c-.004.012.004.02 0 .031c-.261 1-.633 2.727-.937 4.219C8.894 13.395 8 13 7 13c-2.21 0-4 1.79-4 4c0 2.105.543 4.477 2.531 6.219C7.52 24.96 10.766 26 16 26c5.238 0 8.516-1.059 10.5-2.813C28.484 21.434 29 19.06 29 17c0-2.21-1.79-4-4-4a3.98 3.98 0 0 0-2.594.969l-.031-.031c0-.004-.031.003-.031 0c-.356-1.649-.64-3.036-.875-4.157c-.239-1.125-.742-2.035-1.344-2.687C19.523 6.44 18.859 6 18 6c-.816 0-1.352.418-1.719.688c-.129.093-.199.16-.281.218c-.082-.058-.152-.125-.281-.218C15.352 6.418 14.816 6 14 6m0 2c-.016 0 .223.082.531.313c.156.113.317.238.531.374c.215.137.481.313.938.313s.723-.176.938-.313c.214-.136.375-.261.53-.374c.31-.231.548-.313.532-.313c-.059 0 .309.094.656.469s.711.976.875 1.75c.278 1.312.68 3.18 1.032 4.812a2 2 0 0 1-.157.094C19.73 15.52 18.418 16 16 16s-3.73-.48-4.406-.875c-.078-.043-.125-.082-.188-.125c.344-1.66.774-3.656 1.063-4.75v-.031c.16-.723.52-1.324.875-1.719S14.102 8 14 8m-7 7c1.16 0 1.957.77 2 1.906v.032a1 1 0 0 0 .031.562a1 1 0 0 0 .031.094c.196 1.949 1.293 3.254 2.626 3.812C13.152 22.023 14.75 22 16 22c1.277 0 2.895-.016 4.344-.656c1.347-.598 2.472-1.946 2.625-3.907A1 1 0 0 0 23 17v-.031a1 1 0 0 0 0-.125c.066-1.106.863-1.844 2-1.844c1.191 0 2 .809 2 2c0 1.742-.379 3.395-1.844 4.688S20.961 24 16 24c-4.965 0-7.695-1-9.156-2.281S5 18.797 5 17c0-1.191.809-2 2-2m4 2.063c1.059.515 2.617.937 5 .937s3.941-.422 5-.938c-.016 1.543-.559 2.036-1.469 2.438c-.926.41-2.308.5-3.531.5c-1.25 0-2.652-.023-3.563-.406c-.898-.38-1.425-.875-1.437-2.532z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14 6c-.898 0-1.563.5-2.156 1.156c-.59.649-1.07 1.532-1.313 2.594c-.004.012.004.02 0 .031c-.261 1-.633 2.727-.937 4.219C8.894 13.395 8 13 7 13c-2.21 0-4 1.79-4 4c0 2.105.543 4.477 2.531 6.219C7.52 24.96 10.766 26 16 26c5.238 0 8.516-1.059 10.5-2.813C28.484 21.434 29 19.06 29 17c0-2.21-1.79-4-4-4a3.98 3.98 0 0 0-2.594.969l-.031-.031c0-.004-.031.003-.031 0c-.356-1.649-.64-3.036-.875-4.157c-.239-1.125-.742-2.035-1.344-2.687C19.523 6.44 18.859 6 18 6c-.816 0-1.352.418-1.719.688c-.129.093-.199.16-.281.218c-.082-.058-.152-.125-.281-.218C15.352 6.418 14.816 6 14 6m0 2c-.016 0 .223.082.531.313c.156.113.317.238.531.374c.215.137.481.313.938.313s.723-.176.938-.313c.214-.136.375-.261.53-.374c.31-.231.548-.313.532-.313c-.059 0 .309.094.656.469s.711.976.875 1.75c.278 1.312.68 3.18 1.032 4.812a2 2 0 0 1-.157.094C19.73 15.52 18.418 16 16 16s-3.73-.48-4.406-.875c-.078-.043-.125-.082-.188-.125c.344-1.66.774-3.656 1.063-4.75v-.031c.16-.723.52-1.324.875-1.719S14.102 8 14 8m-7 7c1.16 0 1.957.77 2 1.906v.032a1 1 0 0 0 .031.562a1 1 0 0 0 .031.094c.196 1.949 1.293 3.254 2.626 3.812C13.152 22.023 14.75 22 16 22c1.277 0 2.895-.016 4.344-.656c1.347-.598 2.472-1.946 2.625-3.907A1 1 0 0 0 23 17v-.031a1 1 0 0 0 0-.125c.066-1.106.863-1.844 2-1.844c1.191 0 2 .809 2 2c0 1.742-.379 3.395-1.844 4.688S20.961 24 16 24c-4.965 0-7.695-1-9.156-2.281S5 18.797 5 17c0-1.191.809-2 2-2m4 2.063c1.059.515 2.617.937 5 .937s3.941-.422 5-.938c-.016 1.543-.559 2.036-1.469 2.438c-.926.41-2.308.5-3.531.5c-1.25 0-2.652-.023-3.563-.406c-.898-.38-1.425-.875-1.437-2.532z"/></svg> </template>
CSS
.icon-hat-cowboy {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%206c-.898%200-1.563.5-2.156%201.156c-.59.649-1.07%201.532-1.313%202.594c-.004.012.004.02%200%20.031c-.261%201-.633%202.727-.937%204.219C8.894%2013.395%208%2013%207%2013c-2.21%200-4%201.79-4%204c0%202.105.543%204.477%202.531%206.219C7.52%2024.96%2010.766%2026%2016%2026c5.238%200%208.516-1.059%2010.5-2.813C28.484%2021.434%2029%2019.06%2029%2017c0-2.21-1.79-4-4-4a3.98%203.98%200%200%200-2.594.969l-.031-.031c0-.004-.031.003-.031%200c-.356-1.649-.64-3.036-.875-4.157c-.239-1.125-.742-2.035-1.344-2.687C19.523%206.44%2018.859%206%2018%206c-.816%200-1.352.418-1.719.688c-.129.093-.199.16-.281.218c-.082-.058-.152-.125-.281-.218C15.352%206.418%2014.816%206%2014%206m0%202c-.016%200%20.223.082.531.313c.156.113.317.238.531.374c.215.137.481.313.938.313s.723-.176.938-.313c.214-.136.375-.261.53-.374c.31-.231.548-.313.532-.313c-.059%200%20.309.094.656.469s.711.976.875%201.75c.278%201.312.68%203.18%201.032%204.812a2%202%200%200%201-.157.094C19.73%2015.52%2018.418%2016%2016%2016s-3.73-.48-4.406-.875c-.078-.043-.125-.082-.188-.125c.344-1.66.774-3.656%201.063-4.75v-.031c.16-.723.52-1.324.875-1.719S14.102%208%2014%208m-7%207c1.16%200%201.957.77%202%201.906v.032a1%201%200%200%200%20.031.562a1%201%200%200%200%20.031.094c.196%201.949%201.293%203.254%202.626%203.812C13.152%2022.023%2014.75%2022%2016%2022c1.277%200%202.895-.016%204.344-.656c1.347-.598%202.472-1.946%202.625-3.907A1%201%200%200%200%2023%2017v-.031a1%201%200%200%200%200-.125c.066-1.106.863-1.844%202-1.844c1.191%200%202%20.809%202%202c0%201.742-.379%203.395-1.844%204.688S20.961%2024%2016%2024c-4.965%200-7.695-1-9.156-2.281S5%2018.797%205%2017c0-1.191.809-2%202-2m4%202.063c1.059.515%202.617.937%205%20.937s3.941-.422%205-.938c-.016%201.543-.559%202.036-1.469%202.438c-.926.41-2.308.5-3.531.5c-1.25%200-2.652-.023-3.563-.406c-.898-.38-1.425-.875-1.437-2.532z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%206c-.898%200-1.563.5-2.156%201.156c-.59.649-1.07%201.532-1.313%202.594c-.004.012.004.02%200%20.031c-.261%201-.633%202.727-.937%204.219C8.894%2013.395%208%2013%207%2013c-2.21%200-4%201.79-4%204c0%202.105.543%204.477%202.531%206.219C7.52%2024.96%2010.766%2026%2016%2026c5.238%200%208.516-1.059%2010.5-2.813C28.484%2021.434%2029%2019.06%2029%2017c0-2.21-1.79-4-4-4a3.98%203.98%200%200%200-2.594.969l-.031-.031c0-.004-.031.003-.031%200c-.356-1.649-.64-3.036-.875-4.157c-.239-1.125-.742-2.035-1.344-2.687C19.523%206.44%2018.859%206%2018%206c-.816%200-1.352.418-1.719.688c-.129.093-.199.16-.281.218c-.082-.058-.152-.125-.281-.218C15.352%206.418%2014.816%206%2014%206m0%202c-.016%200%20.223.082.531.313c.156.113.317.238.531.374c.215.137.481.313.938.313s.723-.176.938-.313c.214-.136.375-.261.53-.374c.31-.231.548-.313.532-.313c-.059%200%20.309.094.656.469s.711.976.875%201.75c.278%201.312.68%203.18%201.032%204.812a2%202%200%200%201-.157.094C19.73%2015.52%2018.418%2016%2016%2016s-3.73-.48-4.406-.875c-.078-.043-.125-.082-.188-.125c.344-1.66.774-3.656%201.063-4.75v-.031c.16-.723.52-1.324.875-1.719S14.102%208%2014%208m-7%207c1.16%200%201.957.77%202%201.906v.032a1%201%200%200%200%20.031.562a1%201%200%200%200%20.031.094c.196%201.949%201.293%203.254%202.626%203.812C13.152%2022.023%2014.75%2022%2016%2022c1.277%200%202.895-.016%204.344-.656c1.347-.598%202.472-1.946%202.625-3.907A1%201%200%200%200%2023%2017v-.031a1%201%200%200%200%200-.125c.066-1.106.863-1.844%202-1.844c1.191%200%202%20.809%202%202c0%201.742-.379%203.395-1.844%204.688S20.961%2024%2016%2024c-4.965%200-7.695-1-9.156-2.281S5%2018.797%205%2017c0-1.191.809-2%202-2m4%202.063c1.059.515%202.617.937%205%20.937s3.941-.422%205-.938c-.016%201.543-.559%202.036-1.469%202.438c-.926.41-2.308.5-3.531.5c-1.25%200-2.652-.023-3.563-.406c-.898-.38-1.425-.875-1.437-2.532z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/hat-cowboy.svg?color=%231a73e8&size=48
