socks logo
socks from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- socks
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the socks logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#fefafe" d="m17.26 3.814l2.46.768c.03.006.054.03.072.06c.012.024.018.06.006.084l-.072.258a6 6 0 0 0-.168.708c-.06.3-.252.45-.312.732q-.378 1.8-.72 3.619l-.45 2.232c-.072.126-.162.24-.27.324a.12.12 0 0 1-.09.03l-.36-.048a.03.03 0 0 0-.018.005a.03.03 0 0 0-.012.013l-.012.018l.006.018q.018.036-.018.036c-.048 0-.078.024-.078.072a34 34 0 0 0-.078 1.698c-.012.588-.51 1.2-.978 1.494q-.675.414-1.134.54q-.495.135-1.045.234q-.361.063-.894.36a283 283 0 0 1-3.69 1.992c-.486.253-.948.51-1.446.558q-.585.055-1.116.055c-.294 0-.582-.072-.852-.21a.12.12 0 0 1-.066-.072a2.55 2.55 0 0 1 .804-2.82c1.674-1.26 3.45-2.599 5.34-4.01a2.23 2.23 0 0 0 .9-1.41q.465-2.505.973-5.004a.05.05 0 0 0-.024-.018l-.036-.012c-.012 0-.024 0-.024.012a80 80 0 0 1-.57 2.137a.5.5 0 0 1-.12.216q-.244.26-.289.042l.144-.42c.336-1.02.684-2.04 1.045-3.043c.03-.072-.013-.15-.12-.24q.044-.646.131-.87c.12-.312.252-.612.372-.912a.07.07 0 0 1 .037-.036a.07.07 0 0 1 .048 0z"/><path fill="#f6d9f6" d="M18.076 12.274a1.7 1.7 0 0 0-.072.612c.06.42.132.852.204 1.278c.042.462.042.762.012.894c-.24.894-1.152 1.573-1.98 1.89c-.499.192-1.056.307-1.5.63c-1.26.913-2.52 1.8-3.78 2.683q-.595.414-1.027.54c-1.458.414-3.312.27-3.996-1.272a.3.3 0 0 0-.168-.156a2.3 2.3 0 0 1-.66-.378a2.33 2.33 0 0 1-.9-2.1a2.5 2.5 0 0 1 1.32-2.005a452 452 0 0 1 5.568-3.204c.462-.264.978-.69 1.122-1.164q.306-1.008.66-1.998q.045.217.288-.042a.43.43 0 0 0 .12-.216q.298-1.063.57-2.136c0-.012.012-.018.024-.012l.036.012l.024.018v.03c-.342 1.68-.666 3.342-.972 4.974a2.24 2.24 0 0 1-.9 1.41l-5.34 4.002a2.55 2.55 0 0 0-.804 2.82c.012.037.03.06.06.079q.415.209.858.21c.36 0 .726-.018 1.116-.06c.498-.042.96-.3 1.446-.552a217 217 0 0 0 3.69-1.999c.277-.166.58-.288.894-.36c.366-.06.72-.138 1.044-.228q.457-.126 1.14-.54c.463-.288.96-.906.973-1.5c.012-.6.036-1.17.078-1.692q-.002-.072.078-.072q.036 0 .018-.036a.04.04 0 0 1-.006-.018q0-.009.006-.018a.04.04 0 0 1 .017-.016a.03.03 0 0 1 .025-.002l.354.048a.12.12 0 0 0 .09-.03a1.2 1.2 0 0 0 .27-.324"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSocks(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#fefafe" d="m17.26 3.814l2.46.768c.03.006.054.03.072.06c.012.024.018.06.006.084l-.072.258a6 6 0 0 0-.168.708c-.06.3-.252.45-.312.732q-.378 1.8-.72 3.619l-.45 2.232c-.072.126-.162.24-.27.324a.12.12 0 0 1-.09.03l-.36-.048a.03.03 0 0 0-.018.005a.03.03 0 0 0-.012.013l-.012.018l.006.018q.018.036-.018.036c-.048 0-.078.024-.078.072a34 34 0 0 0-.078 1.698c-.012.588-.51 1.2-.978 1.494q-.675.414-1.134.54q-.495.135-1.045.234q-.361.063-.894.36a283 283 0 0 1-3.69 1.992c-.486.253-.948.51-1.446.558q-.585.055-1.116.055c-.294 0-.582-.072-.852-.21a.12.12 0 0 1-.066-.072a2.55 2.55 0 0 1 .804-2.82c1.674-1.26 3.45-2.599 5.34-4.01a2.23 2.23 0 0 0 .9-1.41q.465-2.505.973-5.004a.05.05 0 0 0-.024-.018l-.036-.012c-.012 0-.024 0-.024.012a80 80 0 0 1-.57 2.137a.5.5 0 0 1-.12.216q-.244.26-.289.042l.144-.42c.336-1.02.684-2.04 1.045-3.043c.03-.072-.013-.15-.12-.24q.044-.646.131-.87c.12-.312.252-.612.372-.912a.07.07 0 0 1 .037-.036a.07.07 0 0 1 .048 0z"/><path fill="#f6d9f6" d="M18.076 12.274a1.7 1.7 0 0 0-.072.612c.06.42.132.852.204 1.278c.042.462.042.762.012.894c-.24.894-1.152 1.573-1.98 1.89c-.499.192-1.056.307-1.5.63c-1.26.913-2.52 1.8-3.78 2.683q-.595.414-1.027.54c-1.458.414-3.312.27-3.996-1.272a.3.3 0 0 0-.168-.156a2.3 2.3 0 0 1-.66-.378a2.33 2.33 0 0 1-.9-2.1a2.5 2.5 0 0 1 1.32-2.005a452 452 0 0 1 5.568-3.204c.462-.264.978-.69 1.122-1.164q.306-1.008.66-1.998q.045.217.288-.042a.43.43 0 0 0 .12-.216q.298-1.063.57-2.136c0-.012.012-.018.024-.012l.036.012l.024.018v.03c-.342 1.68-.666 3.342-.972 4.974a2.24 2.24 0 0 1-.9 1.41l-5.34 4.002a2.55 2.55 0 0 0-.804 2.82c.012.037.03.06.06.079q.415.209.858.21c.36 0 .726-.018 1.116-.06c.498-.042.96-.3 1.446-.552a217 217 0 0 0 3.69-1.999c.277-.166.58-.288.894-.36c.366-.06.72-.138 1.044-.228q.457-.126 1.14-.54c.463-.288.96-.906.973-1.5c.012-.6.036-1.17.078-1.692q-.002-.072.078-.072q.036 0 .018-.036a.04.04 0 0 1-.006-.018q0-.009.006-.018a.04.04 0 0 1 .017-.016a.03.03 0 0 1 .025-.002l.354.048a.12.12 0 0 0 .09-.03a1.2 1.2 0 0 0 .27-.324"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#fefafe" d="m17.26 3.814l2.46.768c.03.006.054.03.072.06c.012.024.018.06.006.084l-.072.258a6 6 0 0 0-.168.708c-.06.3-.252.45-.312.732q-.378 1.8-.72 3.619l-.45 2.232c-.072.126-.162.24-.27.324a.12.12 0 0 1-.09.03l-.36-.048a.03.03 0 0 0-.018.005a.03.03 0 0 0-.012.013l-.012.018l.006.018q.018.036-.018.036c-.048 0-.078.024-.078.072a34 34 0 0 0-.078 1.698c-.012.588-.51 1.2-.978 1.494q-.675.414-1.134.54q-.495.135-1.045.234q-.361.063-.894.36a283 283 0 0 1-3.69 1.992c-.486.253-.948.51-1.446.558q-.585.055-1.116.055c-.294 0-.582-.072-.852-.21a.12.12 0 0 1-.066-.072a2.55 2.55 0 0 1 .804-2.82c1.674-1.26 3.45-2.599 5.34-4.01a2.23 2.23 0 0 0 .9-1.41q.465-2.505.973-5.004a.05.05 0 0 0-.024-.018l-.036-.012c-.012 0-.024 0-.024.012a80 80 0 0 1-.57 2.137a.5.5 0 0 1-.12.216q-.244.26-.289.042l.144-.42c.336-1.02.684-2.04 1.045-3.043c.03-.072-.013-.15-.12-.24q.044-.646.131-.87c.12-.312.252-.612.372-.912a.07.07 0 0 1 .037-.036a.07.07 0 0 1 .048 0z"/><path fill="#f6d9f6" d="M18.076 12.274a1.7 1.7 0 0 0-.072.612c.06.42.132.852.204 1.278c.042.462.042.762.012.894c-.24.894-1.152 1.573-1.98 1.89c-.499.192-1.056.307-1.5.63c-1.26.913-2.52 1.8-3.78 2.683q-.595.414-1.027.54c-1.458.414-3.312.27-3.996-1.272a.3.3 0 0 0-.168-.156a2.3 2.3 0 0 1-.66-.378a2.33 2.33 0 0 1-.9-2.1a2.5 2.5 0 0 1 1.32-2.005a452 452 0 0 1 5.568-3.204c.462-.264.978-.69 1.122-1.164q.306-1.008.66-1.998q.045.217.288-.042a.43.43 0 0 0 .12-.216q.298-1.063.57-2.136c0-.012.012-.018.024-.012l.036.012l.024.018v.03c-.342 1.68-.666 3.342-.972 4.974a2.24 2.24 0 0 1-.9 1.41l-5.34 4.002a2.55 2.55 0 0 0-.804 2.82c.012.037.03.06.06.079q.415.209.858.21c.36 0 .726-.018 1.116-.06c.498-.042.96-.3 1.446-.552a217 217 0 0 0 3.69-1.999c.277-.166.58-.288.894-.36c.366-.06.72-.138 1.044-.228q.457-.126 1.14-.54c.463-.288.96-.906.973-1.5c.012-.6.036-1.17.078-1.692q-.002-.072.078-.072q.036 0 .018-.036a.04.04 0 0 1-.006-.018q0-.009.006-.018a.04.04 0 0 1 .017-.016a.03.03 0 0 1 .025-.002l.354.048a.12.12 0 0 0 .09-.03a1.2 1.2 0 0 0 .27-.324"/></g></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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fefafe%22%20d%3D%22m17.26%203.814l2.46.768c.03.006.054.03.072.06c.012.024.018.06.006.084l-.072.258a6%206%200%200%200-.168.708c-.06.3-.252.45-.312.732q-.378%201.8-.72%203.619l-.45%202.232c-.072.126-.162.24-.27.324a.12.12%200%200%201-.09.03l-.36-.048a.03.03%200%200%200-.018.005a.03.03%200%200%200-.012.013l-.012.018l.006.018q.018.036-.018.036c-.048%200-.078.024-.078.072a34%2034%200%200%200-.078%201.698c-.012.588-.51%201.2-.978%201.494q-.675.414-1.134.54q-.495.135-1.045.234q-.361.063-.894.36a283%20283%200%200%201-3.69%201.992c-.486.253-.948.51-1.446.558q-.585.055-1.116.055c-.294%200-.582-.072-.852-.21a.12.12%200%200%201-.066-.072a2.55%202.55%200%200%201%20.804-2.82c1.674-1.26%203.45-2.599%205.34-4.01a2.23%202.23%200%200%200%20.9-1.41q.465-2.505.973-5.004a.05.05%200%200%200-.024-.018l-.036-.012c-.012%200-.024%200-.024.012a80%2080%200%200%201-.57%202.137a.5.5%200%200%201-.12.216q-.244.26-.289.042l.144-.42c.336-1.02.684-2.04%201.045-3.043c.03-.072-.013-.15-.12-.24q.044-.646.131-.87c.12-.312.252-.612.372-.912a.07.07%200%200%201%20.037-.036a.07.07%200%200%201%20.048%200z%22%2F%3E%3Cpath%20fill%3D%22%23f6d9f6%22%20d%3D%22M18.076%2012.274a1.7%201.7%200%200%200-.072.612c.06.42.132.852.204%201.278c.042.462.042.762.012.894c-.24.894-1.152%201.573-1.98%201.89c-.499.192-1.056.307-1.5.63c-1.26.913-2.52%201.8-3.78%202.683q-.595.414-1.027.54c-1.458.414-3.312.27-3.996-1.272a.3.3%200%200%200-.168-.156a2.3%202.3%200%200%201-.66-.378a2.33%202.33%200%200%201-.9-2.1a2.5%202.5%200%200%201%201.32-2.005a452%20452%200%200%201%205.568-3.204c.462-.264.978-.69%201.122-1.164q.306-1.008.66-1.998q.045.217.288-.042a.43.43%200%200%200%20.12-.216q.298-1.063.57-2.136c0-.012.012-.018.024-.012l.036.012l.024.018v.03c-.342%201.68-.666%203.342-.972%204.974a2.24%202.24%200%200%201-.9%201.41l-5.34%204.002a2.55%202.55%200%200%200-.804%202.82c.012.037.03.06.06.079q.415.209.858.21c.36%200%20.726-.018%201.116-.06c.498-.042.96-.3%201.446-.552a217%20217%200%200%200%203.69-1.999c.277-.166.58-.288.894-.36c.366-.06.72-.138%201.044-.228q.457-.126%201.14-.54c.463-.288.96-.906.973-1.5c.012-.6.036-1.17.078-1.692q-.002-.072.078-.072q.036%200%20.018-.036a.04.04%200%200%201-.006-.018q0-.009.006-.018a.04.04%200%200%201%20.017-.016a.03.03%200%200%201%20.025-.002l.354.048a.12.12%200%200%200%20.09-.03a1.2%201.2%200%200%200%20.27-.324%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fefafe%22%20d%3D%22m17.26%203.814l2.46.768c.03.006.054.03.072.06c.012.024.018.06.006.084l-.072.258a6%206%200%200%200-.168.708c-.06.3-.252.45-.312.732q-.378%201.8-.72%203.619l-.45%202.232c-.072.126-.162.24-.27.324a.12.12%200%200%201-.09.03l-.36-.048a.03.03%200%200%200-.018.005a.03.03%200%200%200-.012.013l-.012.018l.006.018q.018.036-.018.036c-.048%200-.078.024-.078.072a34%2034%200%200%200-.078%201.698c-.012.588-.51%201.2-.978%201.494q-.675.414-1.134.54q-.495.135-1.045.234q-.361.063-.894.36a283%20283%200%200%201-3.69%201.992c-.486.253-.948.51-1.446.558q-.585.055-1.116.055c-.294%200-.582-.072-.852-.21a.12.12%200%200%201-.066-.072a2.55%202.55%200%200%201%20.804-2.82c1.674-1.26%203.45-2.599%205.34-4.01a2.23%202.23%200%200%200%20.9-1.41q.465-2.505.973-5.004a.05.05%200%200%200-.024-.018l-.036-.012c-.012%200-.024%200-.024.012a80%2080%200%200%201-.57%202.137a.5.5%200%200%201-.12.216q-.244.26-.289.042l.144-.42c.336-1.02.684-2.04%201.045-3.043c.03-.072-.013-.15-.12-.24q.044-.646.131-.87c.12-.312.252-.612.372-.912a.07.07%200%200%201%20.037-.036a.07.07%200%200%201%20.048%200z%22%2F%3E%3Cpath%20fill%3D%22%23f6d9f6%22%20d%3D%22M18.076%2012.274a1.7%201.7%200%200%200-.072.612c.06.42.132.852.204%201.278c.042.462.042.762.012.894c-.24.894-1.152%201.573-1.98%201.89c-.499.192-1.056.307-1.5.63c-1.26.913-2.52%201.8-3.78%202.683q-.595.414-1.027.54c-1.458.414-3.312.27-3.996-1.272a.3.3%200%200%200-.168-.156a2.3%202.3%200%200%201-.66-.378a2.33%202.33%200%200%201-.9-2.1a2.5%202.5%200%200%201%201.32-2.005a452%20452%200%200%201%205.568-3.204c.462-.264.978-.69%201.122-1.164q.306-1.008.66-1.998q.045.217.288-.042a.43.43%200%200%200%20.12-.216q.298-1.063.57-2.136c0-.012.012-.018.024-.012l.036.012l.024.018v.03c-.342%201.68-.666%203.342-.972%204.974a2.24%202.24%200%200%201-.9%201.41l-5.34%204.002a2.55%202.55%200%200%200-.804%202.82c.012.037.03.06.06.079q.415.209.858.21c.36%200%20.726-.018%201.116-.06c.498-.042.96-.3%201.446-.552a217%20217%200%200%200%203.69-1.999c.277-.166.58-.288.894-.36c.366-.06.72-.138%201.044-.228q.457-.126%201.14-.54c.463-.288.96-.906.973-1.5c.012-.6.036-1.17.078-1.692q-.002-.072.078-.072q.036%200%20.018-.036a.04.04%200%200%201-.006-.018q0-.009.006-.018a.04.04%200%200%201%20.017-.016a.03.03%200%200%201%20.025-.002l.354.048a.12.12%200%200%200%20.09-.03a1.2%201.2%200%200%200%20.27-.324%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/socks.svg?color=%231a73e8&size=48
