socks icon
socks from Line Awesome by Icons8 · Line · Clothing · Apache-2.0 Free for personal and commercial use.
- Name
- socks
- Set
- Line Awesome
- Style
- Line
- Category
- Clothing
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- socks-solid
The same icon in other sets
More clothing icons from Line Awesome
Use the socks icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m9.938 2l-.282.969L5.22 18.53v.032c-.7 2.32.36 4.82 2.531 5.906l.031.031h.032l11.937 4.969l.063.031c.695.336 1.457.5 2.187.5a4.99 4.99 0 0 0 4.469-2.75c1.226-2.46.242-5.488-2.219-6.719l-.063-.031h-.03l-.657-.281c-.008.004-.023-.004-.031 0l-7-2.782l3.25-11.5l.25-.937l-9.063-2.719zm1.374 2.469l6.22 1.875L17 8.219l-6.219-1.875zM10.22 8.28l6.219 1.875l-2.157 7.594l-.219.875l.813.344l6.781 2.687a8.92 8.92 0 0 0-2.593 5.375l-7.375-3.093A6.1 6.1 0 0 0 12 22c0-2.633-1.723-4.852-4.094-5.656zm-2.845 9.97A3.975 3.975 0 0 1 10 22c0 .406-.074.785-.188 1.156l-1.156-.468a2.99 2.99 0 0 1-1.531-3.563v-.031zm16.281 4.25a2.985 2.985 0 0 1 1.032 3.844A3 3 0 0 1 22 28a3.1 3.1 0 0 1-1-.188a6.99 6.99 0 0 1 2.656-5.312"/></svg>
React
import type { SVGProps } from "react";
export function LaSocks(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="m9.938 2l-.282.969L5.22 18.53v.032c-.7 2.32.36 4.82 2.531 5.906l.031.031h.032l11.937 4.969l.063.031c.695.336 1.457.5 2.187.5a4.99 4.99 0 0 0 4.469-2.75c1.226-2.46.242-5.488-2.219-6.719l-.063-.031h-.03l-.657-.281c-.008.004-.023-.004-.031 0l-7-2.782l3.25-11.5l.25-.937l-9.063-2.719zm1.374 2.469l6.22 1.875L17 8.219l-6.219-1.875zM10.22 8.28l6.219 1.875l-2.157 7.594l-.219.875l.813.344l6.781 2.687a8.92 8.92 0 0 0-2.593 5.375l-7.375-3.093A6.1 6.1 0 0 0 12 22c0-2.633-1.723-4.852-4.094-5.656zm-2.845 9.97A3.975 3.975 0 0 1 10 22c0 .406-.074.785-.188 1.156l-1.156-.468a2.99 2.99 0 0 1-1.531-3.563v-.031zm16.281 4.25a2.985 2.985 0 0 1 1.032 3.844A3 3 0 0 1 22 28a3.1 3.1 0 0 1-1-.188a6.99 6.99 0 0 1 2.656-5.312"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m9.938 2l-.282.969L5.22 18.53v.032c-.7 2.32.36 4.82 2.531 5.906l.031.031h.032l11.937 4.969l.063.031c.695.336 1.457.5 2.187.5a4.99 4.99 0 0 0 4.469-2.75c1.226-2.46.242-5.488-2.219-6.719l-.063-.031h-.03l-.657-.281c-.008.004-.023-.004-.031 0l-7-2.782l3.25-11.5l.25-.937l-9.063-2.719zm1.374 2.469l6.22 1.875L17 8.219l-6.219-1.875zM10.22 8.28l6.219 1.875l-2.157 7.594l-.219.875l.813.344l6.781 2.687a8.92 8.92 0 0 0-2.593 5.375l-7.375-3.093A6.1 6.1 0 0 0 12 22c0-2.633-1.723-4.852-4.094-5.656zm-2.845 9.97A3.975 3.975 0 0 1 10 22c0 .406-.074.785-.188 1.156l-1.156-.468a2.99 2.99 0 0 1-1.531-3.563v-.031zm16.281 4.25a2.985 2.985 0 0 1 1.032 3.844A3 3 0 0 1 22 28a3.1 3.1 0 0 1-1-.188a6.99 6.99 0 0 1 2.656-5.312"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m9.938%202l-.282.969L5.22%2018.53v.032c-.7%202.32.36%204.82%202.531%205.906l.031.031h.032l11.937%204.969l.063.031c.695.336%201.457.5%202.187.5a4.99%204.99%200%200%200%204.469-2.75c1.226-2.46.242-5.488-2.219-6.719l-.063-.031h-.03l-.657-.281c-.008.004-.023-.004-.031%200l-7-2.782l3.25-11.5l.25-.937l-9.063-2.719zm1.374%202.469l6.22%201.875L17%208.219l-6.219-1.875zM10.22%208.28l6.219%201.875l-2.157%207.594l-.219.875l.813.344l6.781%202.687a8.92%208.92%200%200%200-2.593%205.375l-7.375-3.093A6.1%206.1%200%200%200%2012%2022c0-2.633-1.723-4.852-4.094-5.656zm-2.845%209.97A3.975%203.975%200%200%201%2010%2022c0%20.406-.074.785-.188%201.156l-1.156-.468a2.99%202.99%200%200%201-1.531-3.563v-.031zm16.281%204.25a2.985%202.985%200%200%201%201.032%203.844A3%203%200%200%201%2022%2028a3.1%203.1%200%200%201-1-.188a6.99%206.99%200%200%201%202.656-5.312%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%22m9.938%202l-.282.969L5.22%2018.53v.032c-.7%202.32.36%204.82%202.531%205.906l.031.031h.032l11.937%204.969l.063.031c.695.336%201.457.5%202.187.5a4.99%204.99%200%200%200%204.469-2.75c1.226-2.46.242-5.488-2.219-6.719l-.063-.031h-.03l-.657-.281c-.008.004-.023-.004-.031%200l-7-2.782l3.25-11.5l.25-.937l-9.063-2.719zm1.374%202.469l6.22%201.875L17%208.219l-6.219-1.875zM10.22%208.28l6.219%201.875l-2.157%207.594l-.219.875l.813.344l6.781%202.687a8.92%208.92%200%200%200-2.593%205.375l-7.375-3.093A6.1%206.1%200%200%200%2012%2022c0-2.633-1.723-4.852-4.094-5.656zm-2.845%209.97A3.975%203.975%200%200%201%2010%2022c0%20.406-.074.785-.188%201.156l-1.156-.468a2.99%202.99%200%200%201-1.531-3.563v-.031zm16.281%204.25a2.985%202.985%200%200%201%201.032%203.844A3%203%200%200%201%2022%2028a3.1%203.1%200%200%201-1-.188a6.99%206.99%200%200%201%202.656-5.312%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/socks.svg?color=%231a73e8&size=48
