sandals icon
sandals from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- sandals
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the sandals icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M10.5 18.3V5.814c0-1.587-.456-2.893-2.383-2.81c-1.608.069-3.116.893-4.312 1.89c-2.142 1.784-2.08 3.866-1.336 6.308l2.384 7.839C5.206 20.2 6.335 21 7.62 21c1.59 0 2.879-1.209 2.879-2.7m3.001 0V5.814c0-1.587.456-2.893 2.383-2.81c1.608.069 3.116.893 4.313 1.89c2.141 1.784 2.078 3.866 1.335 6.308l-2.384 7.839C18.794 20.2 17.665 21 16.38 21c-1.59 0-2.879-1.209-2.879-2.7"/><path d="M3 13c0-1 .7-3.7 3.5-4.5m0 0c2.5.5 3.5 1.5 4 2m-4-2V7M21 13c0-1-.7-3.7-3.5-4.5m0 0c-2.5.5-3.5 1.5-4 2m4-2V7"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSandals(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" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M10.5 18.3V5.814c0-1.587-.456-2.893-2.383-2.81c-1.608.069-3.116.893-4.312 1.89c-2.142 1.784-2.08 3.866-1.336 6.308l2.384 7.839C5.206 20.2 6.335 21 7.62 21c1.59 0 2.879-1.209 2.879-2.7m3.001 0V5.814c0-1.587.456-2.893 2.383-2.81c1.608.069 3.116.893 4.313 1.89c2.141 1.784 2.078 3.866 1.335 6.308l-2.384 7.839C18.794 20.2 17.665 21 16.38 21c-1.59 0-2.879-1.209-2.879-2.7"/><path d="M3 13c0-1 .7-3.7 3.5-4.5m0 0c2.5.5 3.5 1.5 4 2m-4-2V7M21 13c0-1-.7-3.7-3.5-4.5m0 0c-2.5.5-3.5 1.5-4 2m4-2V7"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M10.5 18.3V5.814c0-1.587-.456-2.893-2.383-2.81c-1.608.069-3.116.893-4.312 1.89c-2.142 1.784-2.08 3.866-1.336 6.308l2.384 7.839C5.206 20.2 6.335 21 7.62 21c1.59 0 2.879-1.209 2.879-2.7m3.001 0V5.814c0-1.587.456-2.893 2.383-2.81c1.608.069 3.116.893 4.313 1.89c2.141 1.784 2.078 3.866 1.335 6.308l-2.384 7.839C18.794 20.2 17.665 21 16.38 21c-1.59 0-2.879-1.209-2.879-2.7"/><path d="M3 13c0-1 .7-3.7 3.5-4.5m0 0c2.5.5 3.5 1.5 4 2m-4-2V7M21 13c0-1-.7-3.7-3.5-4.5m0 0c-2.5.5-3.5 1.5-4 2m4-2V7"/></g></svg> </template>
CSS
.icon-sandals {
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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M10.5%2018.3V5.814c0-1.587-.456-2.893-2.383-2.81c-1.608.069-3.116.893-4.312%201.89c-2.142%201.784-2.08%203.866-1.336%206.308l2.384%207.839C5.206%2020.2%206.335%2021%207.62%2021c1.59%200%202.879-1.209%202.879-2.7m3.001%200V5.814c0-1.587.456-2.893%202.383-2.81c1.608.069%203.116.893%204.313%201.89c2.141%201.784%202.078%203.866%201.335%206.308l-2.384%207.839C18.794%2020.2%2017.665%2021%2016.38%2021c-1.59%200-2.879-1.209-2.879-2.7%22%2F%3E%3Cpath%20d%3D%22M3%2013c0-1%20.7-3.7%203.5-4.5m0%200c2.5.5%203.5%201.5%204%202m-4-2V7M21%2013c0-1-.7-3.7-3.5-4.5m0%200c-2.5.5-3.5%201.5-4%202m4-2V7%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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M10.5%2018.3V5.814c0-1.587-.456-2.893-2.383-2.81c-1.608.069-3.116.893-4.312%201.89c-2.142%201.784-2.08%203.866-1.336%206.308l2.384%207.839C5.206%2020.2%206.335%2021%207.62%2021c1.59%200%202.879-1.209%202.879-2.7m3.001%200V5.814c0-1.587.456-2.893%202.383-2.81c1.608.069%203.116.893%204.313%201.89c2.141%201.784%202.078%203.866%201.335%206.308l-2.384%207.839C18.794%2020.2%2017.665%2021%2016.38%2021c-1.59%200-2.879-1.209-2.879-2.7%22%2F%3E%3Cpath%20d%3D%22M3%2013c0-1%20.7-3.7%203.5-4.5m0%200c2.5.5%203.5%201.5%204%202m-4-2V7M21%2013c0-1-.7-3.7-3.5-4.5m0%200c-2.5.5-3.5%201.5-4%202m4-2V7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/sandals.svg?color=%231a73e8&size=48
