sandals icon
sandals from IconPark Outline by ByteDance · Outline · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- sandals
- Set
- IconPark Outline
- Style
- Outline
- Category
- Travel
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More travel icons from IconPark Outline
Use the sandals icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="bevel" d="m11.2 6.854l-.708.225c-3.487 1.104-5.536 4.71-4.898 8.312c.73 4.115 1.291 8.04 2.095 11.661c.785 3.537.447 6.689.25 10.032c-.192 3.266 2.409 5.843 5.672 6.07c4.623.321 8.182-4.082 7.297-8.63c-.684-3.516-1.202-7.318-.969-10.024c.25-2.904.277-7.29.23-11.251c-.055-4.616-4.568-7.788-8.968-6.395Zm23.61-1.131l-.77.144c-3.455.648-5.892 3.761-5.926 7.277C28.071 17.701 27.831 22.15 28 26c.156 3.553-.437 6.153-1.017 9.053c-.626 3.13 1.443 6.044 4.54 6.815c4.485 1.116 8.712-2.698 8.577-7.318c-.093-3.175.03-6.512.681-8.95c.79-2.96 1.547-7.903 2.129-12.314c.61-4.632-3.509-8.424-8.1-7.563Z"/><path stroke-linejoin="round" stroke-miterlimit="2" d="M8 29c1-9 6-14 6-14c1.636 2 4 8 6 14m20 1c.5-8-5-16-5-16c-1.636 2-7 5.278-7 11.5"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlineSandals(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="4"><path strokeLinejoin="bevel" d="m11.2 6.854l-.708.225c-3.487 1.104-5.536 4.71-4.898 8.312c.73 4.115 1.291 8.04 2.095 11.661c.785 3.537.447 6.689.25 10.032c-.192 3.266 2.409 5.843 5.672 6.07c4.623.321 8.182-4.082 7.297-8.63c-.684-3.516-1.202-7.318-.969-10.024c.25-2.904.277-7.29.23-11.251c-.055-4.616-4.568-7.788-8.968-6.395Zm23.61-1.131l-.77.144c-3.455.648-5.892 3.761-5.926 7.277C28.071 17.701 27.831 22.15 28 26c.156 3.553-.437 6.153-1.017 9.053c-.626 3.13 1.443 6.044 4.54 6.815c4.485 1.116 8.712-2.698 8.577-7.318c-.093-3.175.03-6.512.681-8.95c.79-2.96 1.547-7.903 2.129-12.314c.61-4.632-3.509-8.424-8.1-7.563Z"/><path strokeLinejoin="round" strokeMiterlimit="2" d="M8 29c1-9 6-14 6-14c1.636 2 4 8 6 14m20 1c.5-8-5-16-5-16c-1.636 2-7 5.278-7 11.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="bevel" d="m11.2 6.854l-.708.225c-3.487 1.104-5.536 4.71-4.898 8.312c.73 4.115 1.291 8.04 2.095 11.661c.785 3.537.447 6.689.25 10.032c-.192 3.266 2.409 5.843 5.672 6.07c4.623.321 8.182-4.082 7.297-8.63c-.684-3.516-1.202-7.318-.969-10.024c.25-2.904.277-7.29.23-11.251c-.055-4.616-4.568-7.788-8.968-6.395Zm23.61-1.131l-.77.144c-3.455.648-5.892 3.761-5.926 7.277C28.071 17.701 27.831 22.15 28 26c.156 3.553-.437 6.153-1.017 9.053c-.626 3.13 1.443 6.044 4.54 6.815c4.485 1.116 8.712-2.698 8.577-7.318c-.093-3.175.03-6.512.681-8.95c.79-2.96 1.547-7.903 2.129-12.314c.61-4.632-3.509-8.424-8.1-7.563Z"/><path stroke-linejoin="round" stroke-miterlimit="2" d="M8 29c1-9 6-14 6-14c1.636 2 4 8 6 14m20 1c.5-8-5-16-5-16c-1.636 2-7 5.278-7 11.5"/></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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22bevel%22%20d%3D%22m11.2%206.854l-.708.225c-3.487%201.104-5.536%204.71-4.898%208.312c.73%204.115%201.291%208.04%202.095%2011.661c.785%203.537.447%206.689.25%2010.032c-.192%203.266%202.409%205.843%205.672%206.07c4.623.321%208.182-4.082%207.297-8.63c-.684-3.516-1.202-7.318-.969-10.024c.25-2.904.277-7.29.23-11.251c-.055-4.616-4.568-7.788-8.968-6.395Zm23.61-1.131l-.77.144c-3.455.648-5.892%203.761-5.926%207.277C28.071%2017.701%2027.831%2022.15%2028%2026c.156%203.553-.437%206.153-1.017%209.053c-.626%203.13%201.443%206.044%204.54%206.815c4.485%201.116%208.712-2.698%208.577-7.318c-.093-3.175.03-6.512.681-8.95c.79-2.96%201.547-7.903%202.129-12.314c.61-4.632-3.509-8.424-8.1-7.563Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20d%3D%22M8%2029c1-9%206-14%206-14c1.636%202%204%208%206%2014m20%201c.5-8-5-16-5-16c-1.636%202-7%205.278-7%2011.5%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22bevel%22%20d%3D%22m11.2%206.854l-.708.225c-3.487%201.104-5.536%204.71-4.898%208.312c.73%204.115%201.291%208.04%202.095%2011.661c.785%203.537.447%206.689.25%2010.032c-.192%203.266%202.409%205.843%205.672%206.07c4.623.321%208.182-4.082%207.297-8.63c-.684-3.516-1.202-7.318-.969-10.024c.25-2.904.277-7.29.23-11.251c-.055-4.616-4.568-7.788-8.968-6.395Zm23.61-1.131l-.77.144c-3.455.648-5.892%203.761-5.926%207.277C28.071%2017.701%2027.831%2022.15%2028%2026c.156%203.553-.437%206.153-1.017%209.053c-.626%203.13%201.443%206.044%204.54%206.815c4.485%201.116%208.712-2.698%208.577-7.318c-.093-3.175.03-6.512.681-8.95c.79-2.96%201.547-7.903%202.129-12.314c.61-4.632-3.509-8.424-8.1-7.563Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20d%3D%22M8%2029c1-9%206-14%206-14c1.636%202%204%208%206%2014m20%201c.5-8-5-16-5-16c-1.636%202-7%205.278-7%2011.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/sandals.svg?color=%231a73e8&size=48
