key square icon
key-square-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.
- Name
- key-square-sharp-duotone
- Set
- Keyline Icons
- Style
- Sharp Duotone
- 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"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" 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.7929Z" stroke="none"/><path d="M14.7071 9.2929L17.2929 6.7071"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsKeySquareSharpDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" 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.7929Z" stroke="none"/><path d="M14.7071 9.2929L17.2929 6.7071"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" 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.7929Z" stroke="none"/><path d="M14.7071 9.2929L17.2929 6.7071"/></g></svg> </template>
CSS
.icon-key-square-sharp-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%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.7929Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M14.7071%209.2929L17.2929%206.7071%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%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.7929Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M14.7071%209.2929L17.2929%206.7071%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/key-square-sharp-duotone.svg?color=%231a73e8&size=48
