handcuffs icon
handcuffs from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- handcuffs
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
Use the handcuffs icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.24 6.76c-1.84-1.85-4.59-2.23-6.82-1.17l-.96-.96a.996.996 0 0 0-1.41 0l-.08.09C10.83 3.75 10 3 9 3c-1.1 0-2 .9-2 2c0 .09 0 .18.03.26C6.42 5.61 6 6.25 6 7c0 .46.16.87.42 1.21A.97.97 0 0 0 6 9v1.35c-2.33.82-4 3.04-4 5.65c0 3.31 2.69 6 6 6s6-2.69 6-6a5.99 5.99 0 0 0-4-5.65V9a.97.97 0 0 0-.42-.79c.26-.34.42-.75.42-1.21c0-.09 0-.18-.03-.26c.18-.1.33-.24.46-.36C11.36 6.88 12 7.86 12 9v.08c.13.07.25.17.38.25c.19-.42.45-.83.79-1.16a4.01 4.01 0 0 1 5.66 0a4.01 4.01 0 0 1 0 5.66c-.8.8-1.83 1.17-2.9 1.17c.07.32.07.66.07 1s-.03.67-.07 1c1.57 0 3.12-.57 4.31-1.76a5.98 5.98 0 0 0 0-8.48M9 4c.55 0 1 .45 1 1c0 .33-.17.61-.42.79C9.22 5.31 8.65 5 8 5c0-.55.45-1 1-1M7.42 6.21c.36.48.93.79 1.58.79c0 .55-.45 1-1 1s-1-.45-1-1c0-.33.17-.61.42-.79M12 16c0 2.21-1.79 4-4 4s-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4"/></svg>
React
import type { SVGProps } from "react";
export function MdiHandcuffs(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="M20.24 6.76c-1.84-1.85-4.59-2.23-6.82-1.17l-.96-.96a.996.996 0 0 0-1.41 0l-.08.09C10.83 3.75 10 3 9 3c-1.1 0-2 .9-2 2c0 .09 0 .18.03.26C6.42 5.61 6 6.25 6 7c0 .46.16.87.42 1.21A.97.97 0 0 0 6 9v1.35c-2.33.82-4 3.04-4 5.65c0 3.31 2.69 6 6 6s6-2.69 6-6a5.99 5.99 0 0 0-4-5.65V9a.97.97 0 0 0-.42-.79c.26-.34.42-.75.42-1.21c0-.09 0-.18-.03-.26c.18-.1.33-.24.46-.36C11.36 6.88 12 7.86 12 9v.08c.13.07.25.17.38.25c.19-.42.45-.83.79-1.16a4.01 4.01 0 0 1 5.66 0a4.01 4.01 0 0 1 0 5.66c-.8.8-1.83 1.17-2.9 1.17c.07.32.07.66.07 1s-.03.67-.07 1c1.57 0 3.12-.57 4.31-1.76a5.98 5.98 0 0 0 0-8.48M9 4c.55 0 1 .45 1 1c0 .33-.17.61-.42.79C9.22 5.31 8.65 5 8 5c0-.55.45-1 1-1M7.42 6.21c.36.48.93.79 1.58.79c0 .55-.45 1-1 1s-1-.45-1-1c0-.33.17-.61.42-.79M12 16c0 2.21-1.79 4-4 4s-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.24 6.76c-1.84-1.85-4.59-2.23-6.82-1.17l-.96-.96a.996.996 0 0 0-1.41 0l-.08.09C10.83 3.75 10 3 9 3c-1.1 0-2 .9-2 2c0 .09 0 .18.03.26C6.42 5.61 6 6.25 6 7c0 .46.16.87.42 1.21A.97.97 0 0 0 6 9v1.35c-2.33.82-4 3.04-4 5.65c0 3.31 2.69 6 6 6s6-2.69 6-6a5.99 5.99 0 0 0-4-5.65V9a.97.97 0 0 0-.42-.79c.26-.34.42-.75.42-1.21c0-.09 0-.18-.03-.26c.18-.1.33-.24.46-.36C11.36 6.88 12 7.86 12 9v.08c.13.07.25.17.38.25c.19-.42.45-.83.79-1.16a4.01 4.01 0 0 1 5.66 0a4.01 4.01 0 0 1 0 5.66c-.8.8-1.83 1.17-2.9 1.17c.07.32.07.66.07 1s-.03.67-.07 1c1.57 0 3.12-.57 4.31-1.76a5.98 5.98 0 0 0 0-8.48M9 4c.55 0 1 .45 1 1c0 .33-.17.61-.42.79C9.22 5.31 8.65 5 8 5c0-.55.45-1 1-1M7.42 6.21c.36.48.93.79 1.58.79c0 .55-.45 1-1 1s-1-.45-1-1c0-.33.17-.61.42-.79M12 16c0 2.21-1.79 4-4 4s-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4"/></svg> </template>
CSS
.icon-handcuffs {
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%22M20.24%206.76c-1.84-1.85-4.59-2.23-6.82-1.17l-.96-.96a.996.996%200%200%200-1.41%200l-.08.09C10.83%203.75%2010%203%209%203c-1.1%200-2%20.9-2%202c0%20.09%200%20.18.03.26C6.42%205.61%206%206.25%206%207c0%20.46.16.87.42%201.21A.97.97%200%200%200%206%209v1.35c-2.33.82-4%203.04-4%205.65c0%203.31%202.69%206%206%206s6-2.69%206-6a5.99%205.99%200%200%200-4-5.65V9a.97.97%200%200%200-.42-.79c.26-.34.42-.75.42-1.21c0-.09%200-.18-.03-.26c.18-.1.33-.24.46-.36C11.36%206.88%2012%207.86%2012%209v.08c.13.07.25.17.38.25c.19-.42.45-.83.79-1.16a4.01%204.01%200%200%201%205.66%200a4.01%204.01%200%200%201%200%205.66c-.8.8-1.83%201.17-2.9%201.17c.07.32.07.66.07%201s-.03.67-.07%201c1.57%200%203.12-.57%204.31-1.76a5.98%205.98%200%200%200%200-8.48M9%204c.55%200%201%20.45%201%201c0%20.33-.17.61-.42.79C9.22%205.31%208.65%205%208%205c0-.55.45-1%201-1M7.42%206.21c.36.48.93.79%201.58.79c0%20.55-.45%201-1%201s-1-.45-1-1c0-.33.17-.61.42-.79M12%2016c0%202.21-1.79%204-4%204s-4-1.79-4-4s1.79-4%204-4s4%201.79%204%204%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%22M20.24%206.76c-1.84-1.85-4.59-2.23-6.82-1.17l-.96-.96a.996.996%200%200%200-1.41%200l-.08.09C10.83%203.75%2010%203%209%203c-1.1%200-2%20.9-2%202c0%20.09%200%20.18.03.26C6.42%205.61%206%206.25%206%207c0%20.46.16.87.42%201.21A.97.97%200%200%200%206%209v1.35c-2.33.82-4%203.04-4%205.65c0%203.31%202.69%206%206%206s6-2.69%206-6a5.99%205.99%200%200%200-4-5.65V9a.97.97%200%200%200-.42-.79c.26-.34.42-.75.42-1.21c0-.09%200-.18-.03-.26c.18-.1.33-.24.46-.36C11.36%206.88%2012%207.86%2012%209v.08c.13.07.25.17.38.25c.19-.42.45-.83.79-1.16a4.01%204.01%200%200%201%205.66%200a4.01%204.01%200%200%201%200%205.66c-.8.8-1.83%201.17-2.9%201.17c.07.32.07.66.07%201s-.03.67-.07%201c1.57%200%203.12-.57%204.31-1.76a5.98%205.98%200%200%200%200-8.48M9%204c.55%200%201%20.45%201%201c0%20.33-.17.61-.42.79C9.22%205.31%208.65%205%208%205c0-.55.45-1%201-1M7.42%206.21c.36.48.93.79%201.58.79c0%20.55-.45%201-1%201s-1-.45-1-1c0-.33.17-.61.42-.79M12%2016c0%202.21-1.79%204-4%204s-4-1.79-4-4s1.79-4%204-4s4%201.79%204%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/handcuffs.svg?color=%231a73e8&size=48
