folder lock icon
folder-lock from Reicon by REICON · Outline · Folders · MIT Free for personal and commercial use.
- Name
- folder-lock
- Set
- Reicon
- Style
- Outline
- Category
- Folders
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All folder lock icons →More folders icons from Reicon
Use the folder lock icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.86 1.25h.127c.351 0 .577 0 .798.02a4.75 4.75 0 0 1 2.59 1.073c.17.142.33.302.579.55l.576.577c.846.845 1.171 1.161 1.547 1.37q.328.182.689.286c.413.117.866.124 2.062.124h.425c1.273 0 2.3 0 3.111.102c.841.106 1.556.332 2.144.86q.147.133.28.28c.529.588.754 1.303.86 2.144c.102.812.102 1.838.102 3.111v2.31c0 1.837 0 3.293-.153 4.432c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433V6.86c0-.797 0-1.303.082-1.74A4.75 4.75 0 0 1 5.12 1.331c.438-.082.944-.082 1.74-.082m.09 1.5c-.917 0-1.271.003-1.553.056a3.25 3.25 0 0 0-2.59 2.591c-.054.282-.057.636-.057 1.553V14c0 1.907.002 3.262.14 4.29c.135 1.005.389 1.585.812 2.008s1.003.677 2.009.812c1.028.138 2.382.14 4.289.14h4c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289v-2.202c0-1.336-.001-2.267-.09-2.975c-.087-.689-.246-1.06-.487-1.328a2 2 0 0 0-.168-.168c-.268-.241-.64-.4-1.328-.487c-.707-.089-1.639-.09-2.975-.09h-.484c-1.048 0-1.724 0-2.363-.182c-.35-.1-.689-.24-1.008-.417c-.58-.324-1.058-.801-1.8-1.543l-.077-.078l-.55-.55a8 8 0 0 0-.503-.482a3.25 3.25 0 0 0-1.771-.734a8 8 0 0 0-.696-.014m5.05 9a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M9.25 13a2.75 2.75 0 1 1 3.5 2.646V17.5a.75.75 0 0 1-1.5 0v-1.854a2.75 2.75 0 0 1-2-2.646" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconFolderLock(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" fillRule="evenodd" d="M6.86 1.25h.127c.351 0 .577 0 .798.02a4.75 4.75 0 0 1 2.59 1.073c.17.142.33.302.579.55l.576.577c.846.845 1.171 1.161 1.547 1.37q.328.182.689.286c.413.117.866.124 2.062.124h.425c1.273 0 2.3 0 3.111.102c.841.106 1.556.332 2.144.86q.147.133.28.28c.529.588.754 1.303.86 2.144c.102.812.102 1.838.102 3.111v2.31c0 1.837 0 3.293-.153 4.432c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433V6.86c0-.797 0-1.303.082-1.74A4.75 4.75 0 0 1 5.12 1.331c.438-.082.944-.082 1.74-.082m.09 1.5c-.917 0-1.271.003-1.553.056a3.25 3.25 0 0 0-2.59 2.591c-.054.282-.057.636-.057 1.553V14c0 1.907.002 3.262.14 4.29c.135 1.005.389 1.585.812 2.008s1.003.677 2.009.812c1.028.138 2.382.14 4.289.14h4c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289v-2.202c0-1.336-.001-2.267-.09-2.975c-.087-.689-.246-1.06-.487-1.328a2 2 0 0 0-.168-.168c-.268-.241-.64-.4-1.328-.487c-.707-.089-1.639-.09-2.975-.09h-.484c-1.048 0-1.724 0-2.363-.182c-.35-.1-.689-.24-1.008-.417c-.58-.324-1.058-.801-1.8-1.543l-.077-.078l-.55-.55a8 8 0 0 0-.503-.482a3.25 3.25 0 0 0-1.771-.734a8 8 0 0 0-.696-.014m5.05 9a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M9.25 13a2.75 2.75 0 1 1 3.5 2.646V17.5a.75.75 0 0 1-1.5 0v-1.854a2.75 2.75 0 0 1-2-2.646" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.86 1.25h.127c.351 0 .577 0 .798.02a4.75 4.75 0 0 1 2.59 1.073c.17.142.33.302.579.55l.576.577c.846.845 1.171 1.161 1.547 1.37q.328.182.689.286c.413.117.866.124 2.062.124h.425c1.273 0 2.3 0 3.111.102c.841.106 1.556.332 2.144.86q.147.133.28.28c.529.588.754 1.303.86 2.144c.102.812.102 1.838.102 3.111v2.31c0 1.837 0 3.293-.153 4.432c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433V6.86c0-.797 0-1.303.082-1.74A4.75 4.75 0 0 1 5.12 1.331c.438-.082.944-.082 1.74-.082m.09 1.5c-.917 0-1.271.003-1.553.056a3.25 3.25 0 0 0-2.59 2.591c-.054.282-.057.636-.057 1.553V14c0 1.907.002 3.262.14 4.29c.135 1.005.389 1.585.812 2.008s1.003.677 2.009.812c1.028.138 2.382.14 4.289.14h4c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289v-2.202c0-1.336-.001-2.267-.09-2.975c-.087-.689-.246-1.06-.487-1.328a2 2 0 0 0-.168-.168c-.268-.241-.64-.4-1.328-.487c-.707-.089-1.639-.09-2.975-.09h-.484c-1.048 0-1.724 0-2.363-.182c-.35-.1-.689-.24-1.008-.417c-.58-.324-1.058-.801-1.8-1.543l-.077-.078l-.55-.55a8 8 0 0 0-.503-.482a3.25 3.25 0 0 0-1.771-.734a8 8 0 0 0-.696-.014m5.05 9a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M9.25 13a2.75 2.75 0 1 1 3.5 2.646V17.5a.75.75 0 0 1-1.5 0v-1.854a2.75 2.75 0 0 1-2-2.646" clip-rule="evenodd"/></svg> </template>
CSS
.icon-folder-lock {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M6.86%201.25h.127c.351%200%20.577%200%20.798.02a4.75%204.75%200%200%201%202.59%201.073c.17.142.33.302.579.55l.576.577c.846.845%201.171%201.161%201.547%201.37q.328.182.689.286c.413.117.866.124%202.062.124h.425c1.273%200%202.3%200%203.111.102c.841.106%201.556.332%202.144.86q.147.133.28.28c.529.588.754%201.303.86%202.144c.102.812.102%201.838.102%203.111v2.31c0%201.837%200%203.293-.153%204.432c-.158%201.172-.49%202.121-1.238%202.87c-.749.748-1.698%201.08-2.87%201.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838%200-3.294%200-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433V6.86c0-.797%200-1.303.082-1.74A4.75%204.75%200%200%201%205.12%201.331c.438-.082.944-.082%201.74-.082m.09%201.5c-.917%200-1.271.003-1.553.056a3.25%203.25%200%200%200-2.59%202.591c-.054.282-.057.636-.057%201.553V14c0%201.907.002%203.262.14%204.29c.135%201.005.389%201.585.812%202.008s1.003.677%202.009.812c1.028.138%202.382.14%204.289.14h4c1.907%200%203.262-.002%204.29-.14c1.005-.135%201.585-.389%202.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289v-2.202c0-1.336-.001-2.267-.09-2.975c-.087-.689-.246-1.06-.487-1.328a2%202%200%200%200-.168-.168c-.268-.241-.64-.4-1.328-.487c-.707-.089-1.639-.09-2.975-.09h-.484c-1.048%200-1.724%200-2.363-.182c-.35-.1-.689-.24-1.008-.417c-.58-.324-1.058-.801-1.8-1.543l-.077-.078l-.55-.55a8%208%200%200%200-.503-.482a3.25%203.25%200%200%200-1.771-.734a8%208%200%200%200-.696-.014m5.05%209a1.25%201.25%200%201%200%200%202.5a1.25%201.25%200%200%200%200-2.5M9.25%2013a2.75%202.75%200%201%201%203.5%202.646V17.5a.75.75%200%200%201-1.5%200v-1.854a2.75%202.75%200%200%201-2-2.646%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M6.86%201.25h.127c.351%200%20.577%200%20.798.02a4.75%204.75%200%200%201%202.59%201.073c.17.142.33.302.579.55l.576.577c.846.845%201.171%201.161%201.547%201.37q.328.182.689.286c.413.117.866.124%202.062.124h.425c1.273%200%202.3%200%203.111.102c.841.106%201.556.332%202.144.86q.147.133.28.28c.529.588.754%201.303.86%202.144c.102.812.102%201.838.102%203.111v2.31c0%201.837%200%203.293-.153%204.432c-.158%201.172-.49%202.121-1.238%202.87c-.749.748-1.698%201.08-2.87%201.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838%200-3.294%200-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433V6.86c0-.797%200-1.303.082-1.74A4.75%204.75%200%200%201%205.12%201.331c.438-.082.944-.082%201.74-.082m.09%201.5c-.917%200-1.271.003-1.553.056a3.25%203.25%200%200%200-2.59%202.591c-.054.282-.057.636-.057%201.553V14c0%201.907.002%203.262.14%204.29c.135%201.005.389%201.585.812%202.008s1.003.677%202.009.812c1.028.138%202.382.14%204.289.14h4c1.907%200%203.262-.002%204.29-.14c1.005-.135%201.585-.389%202.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289v-2.202c0-1.336-.001-2.267-.09-2.975c-.087-.689-.246-1.06-.487-1.328a2%202%200%200%200-.168-.168c-.268-.241-.64-.4-1.328-.487c-.707-.089-1.639-.09-2.975-.09h-.484c-1.048%200-1.724%200-2.363-.182c-.35-.1-.689-.24-1.008-.417c-.58-.324-1.058-.801-1.8-1.543l-.077-.078l-.55-.55a8%208%200%200%200-.503-.482a3.25%203.25%200%200%200-1.771-.734a8%208%200%200%200-.696-.014m5.05%209a1.25%201.25%200%201%200%200%202.5a1.25%201.25%200%200%200%200-2.5M9.25%2013a2.75%202.75%200%201%201%203.5%202.646V17.5a.75.75%200%200%201-1.5%200v-1.854a2.75%202.75%200%200%201-2-2.646%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/folder-lock.svg?color=%231a73e8&size=48
