school lock icon
school-lock from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- school-lock
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 640×512
- License
- CC BY 4.0
Related icons in Font Awesome 6 Solid
Use the school lock icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M302.2 5.4c10.7-7.2 24.8-7.2 35.5 0l136 90.6H592c26.5 0 48 21.5 48 48v128c0-61.9-50.1-112-112-112s-112 50.1-112 112v24.6c-19.1 11.1-32 31.7-32 55.4h-64c-35.3 0-64 28.7-64 64v96h64H48c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h118.3zM80 208v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16H96c-8.8 0-16 7.2-16 16m0 128v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16H96c-8.8 0-16 7.2-16 16m240-72a88 88 0 1 0 0-176a88 88 0 1 0 0 176m16-120v16h16c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16v-32c0-8.8 7.2-16 16-16s16 7.2 16 16m192 96c-17.7 0-32 14.3-32 32v48h64v-48c0-17.7-14.3-32-32-32m-80 32c0-44.2 35.8-80 80-80s80 35.8 80 80v48c17.7 0 32 14.3 32 32v128c0 17.7-14.3 32-32 32H448c-17.7 0-32-14.3-32-32V352c0-17.7 14.3-32 32-32z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidSchoolLock(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M302.2 5.4c10.7-7.2 24.8-7.2 35.5 0l136 90.6H592c26.5 0 48 21.5 48 48v128c0-61.9-50.1-112-112-112s-112 50.1-112 112v24.6c-19.1 11.1-32 31.7-32 55.4h-64c-35.3 0-64 28.7-64 64v96h64H48c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h118.3zM80 208v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16H96c-8.8 0-16 7.2-16 16m0 128v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16H96c-8.8 0-16 7.2-16 16m240-72a88 88 0 1 0 0-176a88 88 0 1 0 0 176m16-120v16h16c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16v-32c0-8.8 7.2-16 16-16s16 7.2 16 16m192 96c-17.7 0-32 14.3-32 32v48h64v-48c0-17.7-14.3-32-32-32m-80 32c0-44.2 35.8-80 80-80s80 35.8 80 80v48c17.7 0 32 14.3 32 32v128c0 17.7-14.3 32-32 32H448c-17.7 0-32-14.3-32-32V352c0-17.7 14.3-32 32-32z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M302.2 5.4c10.7-7.2 24.8-7.2 35.5 0l136 90.6H592c26.5 0 48 21.5 48 48v128c0-61.9-50.1-112-112-112s-112 50.1-112 112v24.6c-19.1 11.1-32 31.7-32 55.4h-64c-35.3 0-64 28.7-64 64v96h64H48c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h118.3zM80 208v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16H96c-8.8 0-16 7.2-16 16m0 128v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16H96c-8.8 0-16 7.2-16 16m240-72a88 88 0 1 0 0-176a88 88 0 1 0 0 176m16-120v16h16c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16v-32c0-8.8 7.2-16 16-16s16 7.2 16 16m192 96c-17.7 0-32 14.3-32 32v48h64v-48c0-17.7-14.3-32-32-32m-80 32c0-44.2 35.8-80 80-80s80 35.8 80 80v48c17.7 0 32 14.3 32 32v128c0 17.7-14.3 32-32 32H448c-17.7 0-32-14.3-32-32V352c0-17.7 14.3-32 32-32z"/></svg> </template>
CSS
.icon-school-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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M302.2%205.4c10.7-7.2%2024.8-7.2%2035.5%200l136%2090.6H592c26.5%200%2048%2021.5%2048%2048v128c0-61.9-50.1-112-112-112s-112%2050.1-112%20112v24.6c-19.1%2011.1-32%2031.7-32%2055.4h-64c-35.3%200-64%2028.7-64%2064v96h64H48c-26.5%200-48-21.5-48-48V144c0-26.5%2021.5-48%2048-48h118.3zM80%20208v64c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16v-64c0-8.8-7.2-16-16-16H96c-8.8%200-16%207.2-16%2016m0%20128v64c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16v-64c0-8.8-7.2-16-16-16H96c-8.8%200-16%207.2-16%2016m240-72a88%2088%200%201%200%200-176a88%2088%200%201%200%200%20176m16-120v16h16c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-32c-8.8%200-16-7.2-16-16v-32c0-8.8%207.2-16%2016-16s16%207.2%2016%2016m192%2096c-17.7%200-32%2014.3-32%2032v48h64v-48c0-17.7-14.3-32-32-32m-80%2032c0-44.2%2035.8-80%2080-80s80%2035.8%2080%2080v48c17.7%200%2032%2014.3%2032%2032v128c0%2017.7-14.3%2032-32%2032H448c-17.7%200-32-14.3-32-32V352c0-17.7%2014.3-32%2032-32z%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M302.2%205.4c10.7-7.2%2024.8-7.2%2035.5%200l136%2090.6H592c26.5%200%2048%2021.5%2048%2048v128c0-61.9-50.1-112-112-112s-112%2050.1-112%20112v24.6c-19.1%2011.1-32%2031.7-32%2055.4h-64c-35.3%200-64%2028.7-64%2064v96h64H48c-26.5%200-48-21.5-48-48V144c0-26.5%2021.5-48%2048-48h118.3zM80%20208v64c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16v-64c0-8.8-7.2-16-16-16H96c-8.8%200-16%207.2-16%2016m0%20128v64c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16v-64c0-8.8-7.2-16-16-16H96c-8.8%200-16%207.2-16%2016m240-72a88%2088%200%201%200%200-176a88%2088%200%201%200%200%20176m16-120v16h16c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-32c-8.8%200-16-7.2-16-16v-32c0-8.8%207.2-16%2016-16s16%207.2%2016%2016m192%2096c-17.7%200-32%2014.3-32%2032v48h64v-48c0-17.7-14.3-32-32-32m-80%2032c0-44.2%2035.8-80%2080-80s80%2035.8%2080%2080v48c17.7%200%2032%2014.3%2032%2032v128c0%2017.7-14.3%2032-32%2032H448c-17.7%200-32-14.3-32-32V352c0-17.7%2014.3-32%2032-32z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/school-lock.svg?color=%231a73e8&size=48
