hat cowboy side icon

hat-cowboy-side from Font Awesome Solid by Dave Gandy · Solid · Clothing · CC-BY-4.0 Attribution required.

Name
hat-cowboy-side
Set
Font Awesome Solid
Style
Solid
Category
Clothing
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

hat-cowboy-sideFont Awesome 6 Solidhat-cowboy-sideLine Awesome

More clothing icons from Font Awesome Solid

graduation-caphat-cowboyhat-wizardshoe-printstshirtuser-tiehat-hard

Use the hat cowboy side icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M640 452.3c0 16.9-7.1 32.2-18.4 43.1l-35-23.3L293.9 277c-36.1-24.1-78.6-36.9-122-36.9H168c-2.7 0-5.4 0-8 .1l22.2-100c5.7-25.8 28.6-44.1 55-44.1c12.2 0 24.1 4 33.8 11.3l4.7 3.5c26.3 19.7 62.4 19.7 88.6 0l4.7-3.5c9.8-7.3 21.6-11.3 33.8-11.3c26.4 0 49.3 18.3 55 44.1l33 148.5c83.7 7.6 149.2 77.9 149.2 163.6M171.9 288c33.9 0 67.1 10 95.4 28.9L560 512H56c-30.9 0-56-25.1-56-56c0-92.8 75.2-168 168-168z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidHatCowboySide(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M640 452.3c0 16.9-7.1 32.2-18.4 43.1l-35-23.3L293.9 277c-36.1-24.1-78.6-36.9-122-36.9H168c-2.7 0-5.4 0-8 .1l22.2-100c5.7-25.8 28.6-44.1 55-44.1c12.2 0 24.1 4 33.8 11.3l4.7 3.5c26.3 19.7 62.4 19.7 88.6 0l4.7-3.5c9.8-7.3 21.6-11.3 33.8-11.3c26.4 0 49.3 18.3 55 44.1l33 148.5c83.7 7.6 149.2 77.9 149.2 163.6M171.9 288c33.9 0 67.1 10 95.4 28.9L560 512H56c-30.9 0-56-25.1-56-56c0-92.8 75.2-168 168-168z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M640 452.3c0 16.9-7.1 32.2-18.4 43.1l-35-23.3L293.9 277c-36.1-24.1-78.6-36.9-122-36.9H168c-2.7 0-5.4 0-8 .1l22.2-100c5.7-25.8 28.6-44.1 55-44.1c12.2 0 24.1 4 33.8 11.3l4.7 3.5c26.3 19.7 62.4 19.7 88.6 0l4.7-3.5c9.8-7.3 21.6-11.3 33.8-11.3c26.4 0 49.3 18.3 55 44.1l33 148.5c83.7 7.6 149.2 77.9 149.2 163.6M171.9 288c33.9 0 67.1 10 95.4 28.9L560 512H56c-30.9 0-56-25.1-56-56c0-92.8 75.2-168 168-168z"/></svg>
</template>

CSS

.icon-hat-cowboy-side {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M640%20452.3c0%2016.9-7.1%2032.2-18.4%2043.1l-35-23.3L293.9%20277c-36.1-24.1-78.6-36.9-122-36.9H168c-2.7%200-5.4%200-8%20.1l22.2-100c5.7-25.8%2028.6-44.1%2055-44.1c12.2%200%2024.1%204%2033.8%2011.3l4.7%203.5c26.3%2019.7%2062.4%2019.7%2088.6%200l4.7-3.5c9.8-7.3%2021.6-11.3%2033.8-11.3c26.4%200%2049.3%2018.3%2055%2044.1l33%20148.5c83.7%207.6%20149.2%2077.9%20149.2%20163.6M171.9%20288c33.9%200%2067.1%2010%2095.4%2028.9L560%20512H56c-30.9%200-56-25.1-56-56c0-92.8%2075.2-168%20168-168z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M640%20452.3c0%2016.9-7.1%2032.2-18.4%2043.1l-35-23.3L293.9%20277c-36.1-24.1-78.6-36.9-122-36.9H168c-2.7%200-5.4%200-8%20.1l22.2-100c5.7-25.8%2028.6-44.1%2055-44.1c12.2%200%2024.1%204%2033.8%2011.3l4.7%203.5c26.3%2019.7%2062.4%2019.7%2088.6%200l4.7-3.5c9.8-7.3%2021.6-11.3%2033.8-11.3c26.4%200%2049.3%2018.3%2055%2044.1l33%20148.5c83.7%207.6%20149.2%2077.9%20149.2%20163.6M171.9%20288c33.9%200%2067.1%2010%2095.4%2028.9L560%20512H56c-30.9%200-56-25.1-56-56c0-92.8%2075.2-168%20168-168z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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