socks icon

socks from Font Awesome Solid by Dave Gandy · Solid · Business · CC-BY-4.0 Attribution required.

Name: socks
Set: Font Awesome Solid
Style: Solid
Category: Business
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

socksFont Awesome 6 Solid socksFluent Emoji socksFluent Emoji Flat socksFluent Emoji High Contrast socksHuge Icons socksIconPark socksIconPark Outline socksLine Awesome socksLucide Lab socksNoto Emoji socksOpenMoji socksWeb3 Icons socksWeb3 Icons Branded socksTwitter Emoji

More business icons from Font Awesome Solid

Use the socks icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M316.8 64H240c-26.5 0-48 21.5-48 48v16h112v-16c0-17.5 4.7-33.9 12.8-48M192 176v128c0 20.1-9.5 39.1-25.6 51.2l-64 48C78.2 421.3 64 449.8 64 480c0 53 43 96 96 96c15.4 0 30.5-3.7 44-10.7c-17.6-23.9-28-53.4-28-85.3c0-45.3 21.3-88 57.6-115.2l64-48c4-3 6.4-7.8 6.4-12.8V176zm160 0v128c0 20.1-9.5 39.1-25.6 51.2l-64 48C238.2 421.3 224 449.8 224 480c0 53 43 96 96 96c20.8 0 41-6.7 57.6-19.2l115.2-86.4C525 446.2 544 408.3 544 368V176zm192-48v-16c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v16z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidSocks(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="M316.8 64H240c-26.5 0-48 21.5-48 48v16h112v-16c0-17.5 4.7-33.9 12.8-48M192 176v128c0 20.1-9.5 39.1-25.6 51.2l-64 48C78.2 421.3 64 449.8 64 480c0 53 43 96 96 96c15.4 0 30.5-3.7 44-10.7c-17.6-23.9-28-53.4-28-85.3c0-45.3 21.3-88 57.6-115.2l64-48c4-3 6.4-7.8 6.4-12.8V176zm160 0v128c0 20.1-9.5 39.1-25.6 51.2l-64 48C238.2 421.3 224 449.8 224 480c0 53 43 96 96 96c20.8 0 41-6.7 57.6-19.2l115.2-86.4C525 446.2 544 408.3 544 368V176zm192-48v-16c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v16z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M316.8 64H240c-26.5 0-48 21.5-48 48v16h112v-16c0-17.5 4.7-33.9 12.8-48M192 176v128c0 20.1-9.5 39.1-25.6 51.2l-64 48C78.2 421.3 64 449.8 64 480c0 53 43 96 96 96c15.4 0 30.5-3.7 44-10.7c-17.6-23.9-28-53.4-28-85.3c0-45.3 21.3-88 57.6-115.2l64-48c4-3 6.4-7.8 6.4-12.8V176zm160 0v128c0 20.1-9.5 39.1-25.6 51.2l-64 48C238.2 421.3 224 449.8 224 480c0 53 43 96 96 96c20.8 0 41-6.7 57.6-19.2l115.2-86.4C525 446.2 544 408.3 544 368V176zm192-48v-16c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v16z"/></svg>
</template>

CSS

.icon-socks {
  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%22M316.8%2064H240c-26.5%200-48%2021.5-48%2048v16h112v-16c0-17.5%204.7-33.9%2012.8-48M192%20176v128c0%2020.1-9.5%2039.1-25.6%2051.2l-64%2048C78.2%20421.3%2064%20449.8%2064%20480c0%2053%2043%2096%2096%2096c15.4%200%2030.5-3.7%2044-10.7c-17.6-23.9-28-53.4-28-85.3c0-45.3%2021.3-88%2057.6-115.2l64-48c4-3%206.4-7.8%206.4-12.8V176zm160%200v128c0%2020.1-9.5%2039.1-25.6%2051.2l-64%2048C238.2%20421.3%20224%20449.8%20224%20480c0%2053%2043%2096%2096%2096c20.8%200%2041-6.7%2057.6-19.2l115.2-86.4C525%20446.2%20544%20408.3%20544%20368V176zm192-48v-16c0-26.5-21.5-48-48-48h-96c-26.5%200-48%2021.5-48%2048v16z%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%22M316.8%2064H240c-26.5%200-48%2021.5-48%2048v16h112v-16c0-17.5%204.7-33.9%2012.8-48M192%20176v128c0%2020.1-9.5%2039.1-25.6%2051.2l-64%2048C78.2%20421.3%2064%20449.8%2064%20480c0%2053%2043%2096%2096%2096c15.4%200%2030.5-3.7%2044-10.7c-17.6-23.9-28-53.4-28-85.3c0-45.3%2021.3-88%2057.6-115.2l64-48c4-3%206.4-7.8%206.4-12.8V176zm160%200v128c0%2020.1-9.5%2039.1-25.6%2051.2l-64%2048C238.2%20421.3%20224%20449.8%20224%20480c0%2053%2043%2096%2096%2096c20.8%200%2041-6.7%2057.6-19.2l115.2-86.4C525%20446.2%20544%20408.3%20544%20368V176zm192-48v-16c0-26.5-21.5-48-48-48h-96c-26.5%200-48%2021.5-48%2048v16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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