sock icon
sock-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- sock-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the sock icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 5a1 1 0 0 0 0 2zm8 2a1 1 0 1 0 0-2zM6.172 19.172l-.708.707zM11 3v1h6V2h-6zm7 1h-1v7.343h2V4zm-1.172 10.172l-.707-.708l-5 5l.707.708l.708.707l5-5zm-10.656 5l.707-.707l-.343-.344l-.708.707l-.707.707l.343.344zm-.344-6l.708.707l3.585-3.586l-.707-.707l-.707-.707l-3.586 3.585zm4.172-5h1V4H9v4.172zM10 6v1h8V5h-8zm4 7h1a3 3 0 0 1 3-3V8a5 5 0 0 0-5 5zm1 2.646l.75-.662A3 3 0 0 1 15 13h-2c0 1.267.473 2.427 1.25 3.308zm-5.586-6.06l.707.707A3 3 0 0 0 11 8.172H9a1 1 0 0 1-.293.707zm-3.586 9.242l.708-.707a3 3 0 0 1 0-4.242l-.708-.707l-.707-.708a5 5 0 0 0 0 7.071zm6 .344l-.707-.707a3 3 0 0 1-4.242 0l-.707.707l-.708.707a5 5 0 0 0 7.072 0zM18 11.343h-1a3 3 0 0 1-.879 2.121l.707.708l.707.707A5 5 0 0 0 19 11.343zM17 3v1h2a2 2 0 0 0-2-2zm-6 0V2a2 2 0 0 0-2 2h2z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteSockLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 5a1 1 0 0 0 0 2zm8 2a1 1 0 1 0 0-2zM6.172 19.172l-.708.707zM11 3v1h6V2h-6zm7 1h-1v7.343h2V4zm-1.172 10.172l-.707-.708l-5 5l.707.708l.708.707l5-5zm-10.656 5l.707-.707l-.343-.344l-.708.707l-.707.707l.343.344zm-.344-6l.708.707l3.585-3.586l-.707-.707l-.707-.707l-3.586 3.585zm4.172-5h1V4H9v4.172zM10 6v1h8V5h-8zm4 7h1a3 3 0 0 1 3-3V8a5 5 0 0 0-5 5zm1 2.646l.75-.662A3 3 0 0 1 15 13h-2c0 1.267.473 2.427 1.25 3.308zm-5.586-6.06l.707.707A3 3 0 0 0 11 8.172H9a1 1 0 0 1-.293.707zm-3.586 9.242l.708-.707a3 3 0 0 1 0-4.242l-.708-.707l-.707-.708a5 5 0 0 0 0 7.071zm6 .344l-.707-.707a3 3 0 0 1-4.242 0l-.707.707l-.708.707a5 5 0 0 0 7.072 0zM18 11.343h-1a3 3 0 0 1-.879 2.121l.707.708l.707.707A5 5 0 0 0 19 11.343zM17 3v1h2a2 2 0 0 0-2-2zm-6 0V2a2 2 0 0 0-2 2h2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 5a1 1 0 0 0 0 2zm8 2a1 1 0 1 0 0-2zM6.172 19.172l-.708.707zM11 3v1h6V2h-6zm7 1h-1v7.343h2V4zm-1.172 10.172l-.707-.708l-5 5l.707.708l.708.707l5-5zm-10.656 5l.707-.707l-.343-.344l-.708.707l-.707.707l.343.344zm-.344-6l.708.707l3.585-3.586l-.707-.707l-.707-.707l-3.586 3.585zm4.172-5h1V4H9v4.172zM10 6v1h8V5h-8zm4 7h1a3 3 0 0 1 3-3V8a5 5 0 0 0-5 5zm1 2.646l.75-.662A3 3 0 0 1 15 13h-2c0 1.267.473 2.427 1.25 3.308zm-5.586-6.06l.707.707A3 3 0 0 0 11 8.172H9a1 1 0 0 1-.293.707zm-3.586 9.242l.708-.707a3 3 0 0 1 0-4.242l-.708-.707l-.707-.708a5 5 0 0 0 0 7.071zm6 .344l-.707-.707a3 3 0 0 1-4.242 0l-.707.707l-.708.707a5 5 0 0 0 7.072 0zM18 11.343h-1a3 3 0 0 1-.879 2.121l.707.708l.707.707A5 5 0 0 0 19 11.343zM17 3v1h2a2 2 0 0 0-2-2zm-6 0V2a2 2 0 0 0-2 2h2z"/></svg> </template>
CSS
.icon-sock-line {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%205a1%201%200%200%200%200%202zm8%202a1%201%200%201%200%200-2zM6.172%2019.172l-.708.707zM11%203v1h6V2h-6zm7%201h-1v7.343h2V4zm-1.172%2010.172l-.707-.708l-5%205l.707.708l.708.707l5-5zm-10.656%205l.707-.707l-.343-.344l-.708.707l-.707.707l.343.344zm-.344-6l.708.707l3.585-3.586l-.707-.707l-.707-.707l-3.586%203.585zm4.172-5h1V4H9v4.172zM10%206v1h8V5h-8zm4%207h1a3%203%200%200%201%203-3V8a5%205%200%200%200-5%205zm1%202.646l.75-.662A3%203%200%200%201%2015%2013h-2c0%201.267.473%202.427%201.25%203.308zm-5.586-6.06l.707.707A3%203%200%200%200%2011%208.172H9a1%201%200%200%201-.293.707zm-3.586%209.242l.708-.707a3%203%200%200%201%200-4.242l-.708-.707l-.707-.708a5%205%200%200%200%200%207.071zm6%20.344l-.707-.707a3%203%200%200%201-4.242%200l-.707.707l-.708.707a5%205%200%200%200%207.072%200zM18%2011.343h-1a3%203%200%200%201-.879%202.121l.707.708l.707.707A5%205%200%200%200%2019%2011.343zM17%203v1h2a2%202%200%200%200-2-2zm-6%200V2a2%202%200%200%200-2%202h2z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%205a1%201%200%200%200%200%202zm8%202a1%201%200%201%200%200-2zM6.172%2019.172l-.708.707zM11%203v1h6V2h-6zm7%201h-1v7.343h2V4zm-1.172%2010.172l-.707-.708l-5%205l.707.708l.708.707l5-5zm-10.656%205l.707-.707l-.343-.344l-.708.707l-.707.707l.343.344zm-.344-6l.708.707l3.585-3.586l-.707-.707l-.707-.707l-3.586%203.585zm4.172-5h1V4H9v4.172zM10%206v1h8V5h-8zm4%207h1a3%203%200%200%201%203-3V8a5%205%200%200%200-5%205zm1%202.646l.75-.662A3%203%200%200%201%2015%2013h-2c0%201.267.473%202.427%201.25%203.308zm-5.586-6.06l.707.707A3%203%200%200%200%2011%208.172H9a1%201%200%200%201-.293.707zm-3.586%209.242l.708-.707a3%203%200%200%201%200-4.242l-.708-.707l-.707-.708a5%205%200%200%200%200%207.071zm6%20.344l-.707-.707a3%203%200%200%201-4.242%200l-.707.707l-.708.707a5%205%200%200%200%207.072%200zM18%2011.343h-1a3%203%200%200%201-.879%202.121l.707.708l.707.707A5%205%200%200%200%2019%2011.343zM17%203v1h2a2%202%200%200%200-2-2zm-6%200V2a2%202%200%200%200-2%202h2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/sock-line.svg?color=%231a73e8&size=48
