key square icon
key-square-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.
- Name
- key-square-sharp-fill
- Set
- Keyline Icons
- Style
- Sharp Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
Use the key square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.2929 13.7929L1.2929 17.7929C1.1054 17.9804 1 18.2348 1 18.5L1 22C1 22.5523 1.4477 23 2 23L5.5 23C5.7652 23 6.0196 22.8946 6.2071 22.7071L7.4142 21.5L9.5 21.5C10.0523 21.5 10.5 21.0523 10.5 20.5L10.5 19L12 19C12.5523 19 13 18.5523 13 18L13 15.9142L13.9142 15L22 15C22.5523 15 23 14.5523 23 14L23 2C23 1.4477 22.5523 1 22 1L10 1C9.4477 1 9 1.4477 9 2L9 10.0858L5.2929 13.7929ZM14 8.5858L16.5858 6L18 7.4142L15.4142 10L14 8.5858Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsKeySquareSharpFill(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="M5.2929 13.7929L1.2929 17.7929C1.1054 17.9804 1 18.2348 1 18.5L1 22C1 22.5523 1.4477 23 2 23L5.5 23C5.7652 23 6.0196 22.8946 6.2071 22.7071L7.4142 21.5L9.5 21.5C10.0523 21.5 10.5 21.0523 10.5 20.5L10.5 19L12 19C12.5523 19 13 18.5523 13 18L13 15.9142L13.9142 15L22 15C22.5523 15 23 14.5523 23 14L23 2C23 1.4477 22.5523 1 22 1L10 1C9.4477 1 9 1.4477 9 2L9 10.0858L5.2929 13.7929ZM14 8.5858L16.5858 6L18 7.4142L15.4142 10L14 8.5858Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.2929 13.7929L1.2929 17.7929C1.1054 17.9804 1 18.2348 1 18.5L1 22C1 22.5523 1.4477 23 2 23L5.5 23C5.7652 23 6.0196 22.8946 6.2071 22.7071L7.4142 21.5L9.5 21.5C10.0523 21.5 10.5 21.0523 10.5 20.5L10.5 19L12 19C12.5523 19 13 18.5523 13 18L13 15.9142L13.9142 15L22 15C22.5523 15 23 14.5523 23 14L23 2C23 1.4477 22.5523 1 22 1L10 1C9.4477 1 9 1.4477 9 2L9 10.0858L5.2929 13.7929ZM14 8.5858L16.5858 6L18 7.4142L15.4142 10L14 8.5858Z"/></svg> </template>
CSS
.icon-key-square-sharp-fill {
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%22M5.2929%2013.7929L1.2929%2017.7929C1.1054%2017.9804%201%2018.2348%201%2018.5L1%2022C1%2022.5523%201.4477%2023%202%2023L5.5%2023C5.7652%2023%206.0196%2022.8946%206.2071%2022.7071L7.4142%2021.5L9.5%2021.5C10.0523%2021.5%2010.5%2021.0523%2010.5%2020.5L10.5%2019L12%2019C12.5523%2019%2013%2018.5523%2013%2018L13%2015.9142L13.9142%2015L22%2015C22.5523%2015%2023%2014.5523%2023%2014L23%202C23%201.4477%2022.5523%201%2022%201L10%201C9.4477%201%209%201.4477%209%202L9%2010.0858L5.2929%2013.7929ZM14%208.5858L16.5858%206L18%207.4142L15.4142%2010L14%208.5858Z%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%22M5.2929%2013.7929L1.2929%2017.7929C1.1054%2017.9804%201%2018.2348%201%2018.5L1%2022C1%2022.5523%201.4477%2023%202%2023L5.5%2023C5.7652%2023%206.0196%2022.8946%206.2071%2022.7071L7.4142%2021.5L9.5%2021.5C10.0523%2021.5%2010.5%2021.0523%2010.5%2020.5L10.5%2019L12%2019C12.5523%2019%2013%2018.5523%2013%2018L13%2015.9142L13.9142%2015L22%2015C22.5523%2015%2023%2014.5523%2023%2014L23%202C23%201.4477%2022.5523%201%2022%201L10%201C9.4477%201%209%201.4477%209%202L9%2010.0858L5.2929%2013.7929ZM14%208.5858L16.5858%206L18%207.4142L15.4142%2010L14%208.5858Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/key-square-sharp-fill.svg?color=%231a73e8&size=48
