carabiner icon
carabiner from Material Design Icons by Pictogrammers · Filled · Sport · Apache-2.0 Free for personal and commercial use.
- Name
- carabiner
- Set
- Material Design Icons
- Style
- Filled
- Category
- Sport
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- karabiner, rock-climbing
More sport icons from Material Design Icons
Use the carabiner icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 17.5c0 .83-.67 1.5-1.5 1.5S5 18.33 5 17.5S5.67 16 6.5 16s1.5.67 1.5 1.5M18 5.59C17.79 3.54 16.18 2 14.24 2H8.88C6.95 2 5.36 3.5 5.15 5.53L5 6.59C4.92 7.34 5.5 8 6.24 8c.63 0 1.15-.47 1.23-1.09l.14-1.09c.07-.75.62-1.32 1.27-1.32h5.36c.65 0 1.2.57 1.26 1.32l1 11.06c.09.86-.5 1.62-1.25 1.62l-5.21-.68a3.46 3.46 0 0 1-1.24 2.36l6.13.82h.32c1.02 0 2.01-.44 2.71-1.22A4.22 4.22 0 0 0 19 16.65zm-6.34 2.35c-.58-.37-1.35-.19-1.72.4L6.39 14h.11c.88 0 1.68.34 2.3.88l3.26-5.22c.37-.58.19-1.35-.4-1.72"/></svg>
React
import type { SVGProps } from "react";
export function MdiCarabiner(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="M8 17.5c0 .83-.67 1.5-1.5 1.5S5 18.33 5 17.5S5.67 16 6.5 16s1.5.67 1.5 1.5M18 5.59C17.79 3.54 16.18 2 14.24 2H8.88C6.95 2 5.36 3.5 5.15 5.53L5 6.59C4.92 7.34 5.5 8 6.24 8c.63 0 1.15-.47 1.23-1.09l.14-1.09c.07-.75.62-1.32 1.27-1.32h5.36c.65 0 1.2.57 1.26 1.32l1 11.06c.09.86-.5 1.62-1.25 1.62l-5.21-.68a3.46 3.46 0 0 1-1.24 2.36l6.13.82h.32c1.02 0 2.01-.44 2.71-1.22A4.22 4.22 0 0 0 19 16.65zm-6.34 2.35c-.58-.37-1.35-.19-1.72.4L6.39 14h.11c.88 0 1.68.34 2.3.88l3.26-5.22c.37-.58.19-1.35-.4-1.72"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 17.5c0 .83-.67 1.5-1.5 1.5S5 18.33 5 17.5S5.67 16 6.5 16s1.5.67 1.5 1.5M18 5.59C17.79 3.54 16.18 2 14.24 2H8.88C6.95 2 5.36 3.5 5.15 5.53L5 6.59C4.92 7.34 5.5 8 6.24 8c.63 0 1.15-.47 1.23-1.09l.14-1.09c.07-.75.62-1.32 1.27-1.32h5.36c.65 0 1.2.57 1.26 1.32l1 11.06c.09.86-.5 1.62-1.25 1.62l-5.21-.68a3.46 3.46 0 0 1-1.24 2.36l6.13.82h.32c1.02 0 2.01-.44 2.71-1.22A4.22 4.22 0 0 0 19 16.65zm-6.34 2.35c-.58-.37-1.35-.19-1.72.4L6.39 14h.11c.88 0 1.68.34 2.3.88l3.26-5.22c.37-.58.19-1.35-.4-1.72"/></svg> </template>
CSS
.icon-carabiner {
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%22M8%2017.5c0%20.83-.67%201.5-1.5%201.5S5%2018.33%205%2017.5S5.67%2016%206.5%2016s1.5.67%201.5%201.5M18%205.59C17.79%203.54%2016.18%202%2014.24%202H8.88C6.95%202%205.36%203.5%205.15%205.53L5%206.59C4.92%207.34%205.5%208%206.24%208c.63%200%201.15-.47%201.23-1.09l.14-1.09c.07-.75.62-1.32%201.27-1.32h5.36c.65%200%201.2.57%201.26%201.32l1%2011.06c.09.86-.5%201.62-1.25%201.62l-5.21-.68a3.46%203.46%200%200%201-1.24%202.36l6.13.82h.32c1.02%200%202.01-.44%202.71-1.22A4.22%204.22%200%200%200%2019%2016.65zm-6.34%202.35c-.58-.37-1.35-.19-1.72.4L6.39%2014h.11c.88%200%201.68.34%202.3.88l3.26-5.22c.37-.58.19-1.35-.4-1.72%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%22M8%2017.5c0%20.83-.67%201.5-1.5%201.5S5%2018.33%205%2017.5S5.67%2016%206.5%2016s1.5.67%201.5%201.5M18%205.59C17.79%203.54%2016.18%202%2014.24%202H8.88C6.95%202%205.36%203.5%205.15%205.53L5%206.59C4.92%207.34%205.5%208%206.24%208c.63%200%201.15-.47%201.23-1.09l.14-1.09c.07-.75.62-1.32%201.27-1.32h5.36c.65%200%201.2.57%201.26%201.32l1%2011.06c.09.86-.5%201.62-1.25%201.62l-5.21-.68a3.46%203.46%200%200%201-1.24%202.36l6.13.82h.32c1.02%200%202.01-.44%202.71-1.22A4.22%204.22%200%200%200%2019%2016.65zm-6.34%202.35c-.58-.37-1.35-.19-1.72.4L6.39%2014h.11c.88%200%201.68.34%202.3.88l3.26-5.22c.37-.58.19-1.35-.4-1.72%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/carabiner.svg?color=%231a73e8&size=48
