key square2 icon
key-square2 from Reicon by REICON · Outline · Security · MIT Free for personal and commercial use.
- Name
- key-square2
- Set
- Reicon
- Style
- Outline
- Category
- Security
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More security icons from Reicon
Use the key square2 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="M9.757 1.983a.75.75 0 0 1-.733.767c-2.822.064-4.15.349-5.028 1.226c-.57.57-.897 1.342-1.07 2.622c-.174 1.301-.176 3.011-.176 5.392c0 2.38.002 4.09.177 5.392c.172 1.28.499 2.051 1.07 2.622c.57.57 1.341.897 2.621 1.07c1.301.174 3.011.176 5.392.176c2.38 0 4.09-.002 5.392-.177c1.28-.172 2.051-.499 2.622-1.07c.877-.876 1.162-2.206 1.226-5.027a.75.75 0 1 1 1.5.034c-.063 2.766-.313 4.702-1.666 6.054c-.895.896-2.036 1.302-3.482 1.496c-1.413.19-3.224.19-5.535.19h-.114c-2.311 0-4.122 0-5.535-.19c-1.446-.194-2.587-.6-3.482-1.496c-.896-.895-1.302-2.036-1.496-3.482c-.19-1.413-.19-3.224-.19-5.535v-.114c0-2.311 0-4.122.19-5.535c.194-1.446.6-2.587 1.496-3.482C4.289 1.563 6.223 1.313 8.99 1.25a.75.75 0 0 1 .767.733m1.887 1.172a6.506 6.506 0 1 1 2.977 10.901a.2.2 0 0 0-.103-.003a.1.1 0 0 0-.044.022L11.38 17.17a1.98 1.98 0 0 1-1.621.569l-1.741-.194a1.57 1.57 0 0 1-.938-.45l-.174-.174a1.57 1.57 0 0 1-.45-.938l-.194-1.74a1.98 1.98 0 0 1 .569-1.622l3.093-3.093a.1.1 0 0 0 .023-.045a.2.2 0 0 0-.003-.103a6.5 6.5 0 0 1 1.7-6.224m8.14 1.061a5.006 5.006 0 0 0-8.387 4.79c.135.527.026 1.143-.412 1.581l-3.093 3.094a.48.48 0 0 0-.139.395l.193 1.74q.004.026.021.043l.174.174a.07.07 0 0 0 .043.02l1.74.194a.48.48 0 0 0 .395-.139l.5-.5l-.92-.911a.75.75 0 1 1 1.054-1.067l.927.917l1.533-1.532c.438-.438 1.054-.547 1.58-.412a5.006 5.006 0 0 0 4.79-8.387m-5.326 1.909a2.417 2.417 0 1 1 3.417 3.417a2.417 2.417 0 0 1-3.417-3.417m2.357 1.06a.917.917 0 1 0-1.297 1.296a.917.917 0 0 0 1.297-1.296" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconKeySquare2(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="M9.757 1.983a.75.75 0 0 1-.733.767c-2.822.064-4.15.349-5.028 1.226c-.57.57-.897 1.342-1.07 2.622c-.174 1.301-.176 3.011-.176 5.392c0 2.38.002 4.09.177 5.392c.172 1.28.499 2.051 1.07 2.622c.57.57 1.341.897 2.621 1.07c1.301.174 3.011.176 5.392.176c2.38 0 4.09-.002 5.392-.177c1.28-.172 2.051-.499 2.622-1.07c.877-.876 1.162-2.206 1.226-5.027a.75.75 0 1 1 1.5.034c-.063 2.766-.313 4.702-1.666 6.054c-.895.896-2.036 1.302-3.482 1.496c-1.413.19-3.224.19-5.535.19h-.114c-2.311 0-4.122 0-5.535-.19c-1.446-.194-2.587-.6-3.482-1.496c-.896-.895-1.302-2.036-1.496-3.482c-.19-1.413-.19-3.224-.19-5.535v-.114c0-2.311 0-4.122.19-5.535c.194-1.446.6-2.587 1.496-3.482C4.289 1.563 6.223 1.313 8.99 1.25a.75.75 0 0 1 .767.733m1.887 1.172a6.506 6.506 0 1 1 2.977 10.901a.2.2 0 0 0-.103-.003a.1.1 0 0 0-.044.022L11.38 17.17a1.98 1.98 0 0 1-1.621.569l-1.741-.194a1.57 1.57 0 0 1-.938-.45l-.174-.174a1.57 1.57 0 0 1-.45-.938l-.194-1.74a1.98 1.98 0 0 1 .569-1.622l3.093-3.093a.1.1 0 0 0 .023-.045a.2.2 0 0 0-.003-.103a6.5 6.5 0 0 1 1.7-6.224m8.14 1.061a5.006 5.006 0 0 0-8.387 4.79c.135.527.026 1.143-.412 1.581l-3.093 3.094a.48.48 0 0 0-.139.395l.193 1.74q.004.026.021.043l.174.174a.07.07 0 0 0 .043.02l1.74.194a.48.48 0 0 0 .395-.139l.5-.5l-.92-.911a.75.75 0 1 1 1.054-1.067l.927.917l1.533-1.532c.438-.438 1.054-.547 1.58-.412a5.006 5.006 0 0 0 4.79-8.387m-5.326 1.909a2.417 2.417 0 1 1 3.417 3.417a2.417 2.417 0 0 1-3.417-3.417m2.357 1.06a.917.917 0 1 0-1.297 1.296a.917.917 0 0 0 1.297-1.296" 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="M9.757 1.983a.75.75 0 0 1-.733.767c-2.822.064-4.15.349-5.028 1.226c-.57.57-.897 1.342-1.07 2.622c-.174 1.301-.176 3.011-.176 5.392c0 2.38.002 4.09.177 5.392c.172 1.28.499 2.051 1.07 2.622c.57.57 1.341.897 2.621 1.07c1.301.174 3.011.176 5.392.176c2.38 0 4.09-.002 5.392-.177c1.28-.172 2.051-.499 2.622-1.07c.877-.876 1.162-2.206 1.226-5.027a.75.75 0 1 1 1.5.034c-.063 2.766-.313 4.702-1.666 6.054c-.895.896-2.036 1.302-3.482 1.496c-1.413.19-3.224.19-5.535.19h-.114c-2.311 0-4.122 0-5.535-.19c-1.446-.194-2.587-.6-3.482-1.496c-.896-.895-1.302-2.036-1.496-3.482c-.19-1.413-.19-3.224-.19-5.535v-.114c0-2.311 0-4.122.19-5.535c.194-1.446.6-2.587 1.496-3.482C4.289 1.563 6.223 1.313 8.99 1.25a.75.75 0 0 1 .767.733m1.887 1.172a6.506 6.506 0 1 1 2.977 10.901a.2.2 0 0 0-.103-.003a.1.1 0 0 0-.044.022L11.38 17.17a1.98 1.98 0 0 1-1.621.569l-1.741-.194a1.57 1.57 0 0 1-.938-.45l-.174-.174a1.57 1.57 0 0 1-.45-.938l-.194-1.74a1.98 1.98 0 0 1 .569-1.622l3.093-3.093a.1.1 0 0 0 .023-.045a.2.2 0 0 0-.003-.103a6.5 6.5 0 0 1 1.7-6.224m8.14 1.061a5.006 5.006 0 0 0-8.387 4.79c.135.527.026 1.143-.412 1.581l-3.093 3.094a.48.48 0 0 0-.139.395l.193 1.74q.004.026.021.043l.174.174a.07.07 0 0 0 .043.02l1.74.194a.48.48 0 0 0 .395-.139l.5-.5l-.92-.911a.75.75 0 1 1 1.054-1.067l.927.917l1.533-1.532c.438-.438 1.054-.547 1.58-.412a5.006 5.006 0 0 0 4.79-8.387m-5.326 1.909a2.417 2.417 0 1 1 3.417 3.417a2.417 2.417 0 0 1-3.417-3.417m2.357 1.06a.917.917 0 1 0-1.297 1.296a.917.917 0 0 0 1.297-1.296" clip-rule="evenodd"/></svg> </template>
CSS
.icon-key-square2 {
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%22M9.757%201.983a.75.75%200%200%201-.733.767c-2.822.064-4.15.349-5.028%201.226c-.57.57-.897%201.342-1.07%202.622c-.174%201.301-.176%203.011-.176%205.392c0%202.38.002%204.09.177%205.392c.172%201.28.499%202.051%201.07%202.622c.57.57%201.341.897%202.621%201.07c1.301.174%203.011.176%205.392.176c2.38%200%204.09-.002%205.392-.177c1.28-.172%202.051-.499%202.622-1.07c.877-.876%201.162-2.206%201.226-5.027a.75.75%200%201%201%201.5.034c-.063%202.766-.313%204.702-1.666%206.054c-.895.896-2.036%201.302-3.482%201.496c-1.413.19-3.224.19-5.535.19h-.114c-2.311%200-4.122%200-5.535-.19c-1.446-.194-2.587-.6-3.482-1.496c-.896-.895-1.302-2.036-1.496-3.482c-.19-1.413-.19-3.224-.19-5.535v-.114c0-2.311%200-4.122.19-5.535c.194-1.446.6-2.587%201.496-3.482C4.289%201.563%206.223%201.313%208.99%201.25a.75.75%200%200%201%20.767.733m1.887%201.172a6.506%206.506%200%201%201%202.977%2010.901a.2.2%200%200%200-.103-.003a.1.1%200%200%200-.044.022L11.38%2017.17a1.98%201.98%200%200%201-1.621.569l-1.741-.194a1.57%201.57%200%200%201-.938-.45l-.174-.174a1.57%201.57%200%200%201-.45-.938l-.194-1.74a1.98%201.98%200%200%201%20.569-1.622l3.093-3.093a.1.1%200%200%200%20.023-.045a.2.2%200%200%200-.003-.103a6.5%206.5%200%200%201%201.7-6.224m8.14%201.061a5.006%205.006%200%200%200-8.387%204.79c.135.527.026%201.143-.412%201.581l-3.093%203.094a.48.48%200%200%200-.139.395l.193%201.74q.004.026.021.043l.174.174a.07.07%200%200%200%20.043.02l1.74.194a.48.48%200%200%200%20.395-.139l.5-.5l-.92-.911a.75.75%200%201%201%201.054-1.067l.927.917l1.533-1.532c.438-.438%201.054-.547%201.58-.412a5.006%205.006%200%200%200%204.79-8.387m-5.326%201.909a2.417%202.417%200%201%201%203.417%203.417a2.417%202.417%200%200%201-3.417-3.417m2.357%201.06a.917.917%200%201%200-1.297%201.296a.917.917%200%200%200%201.297-1.296%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%22M9.757%201.983a.75.75%200%200%201-.733.767c-2.822.064-4.15.349-5.028%201.226c-.57.57-.897%201.342-1.07%202.622c-.174%201.301-.176%203.011-.176%205.392c0%202.38.002%204.09.177%205.392c.172%201.28.499%202.051%201.07%202.622c.57.57%201.341.897%202.621%201.07c1.301.174%203.011.176%205.392.176c2.38%200%204.09-.002%205.392-.177c1.28-.172%202.051-.499%202.622-1.07c.877-.876%201.162-2.206%201.226-5.027a.75.75%200%201%201%201.5.034c-.063%202.766-.313%204.702-1.666%206.054c-.895.896-2.036%201.302-3.482%201.496c-1.413.19-3.224.19-5.535.19h-.114c-2.311%200-4.122%200-5.535-.19c-1.446-.194-2.587-.6-3.482-1.496c-.896-.895-1.302-2.036-1.496-3.482c-.19-1.413-.19-3.224-.19-5.535v-.114c0-2.311%200-4.122.19-5.535c.194-1.446.6-2.587%201.496-3.482C4.289%201.563%206.223%201.313%208.99%201.25a.75.75%200%200%201%20.767.733m1.887%201.172a6.506%206.506%200%201%201%202.977%2010.901a.2.2%200%200%200-.103-.003a.1.1%200%200%200-.044.022L11.38%2017.17a1.98%201.98%200%200%201-1.621.569l-1.741-.194a1.57%201.57%200%200%201-.938-.45l-.174-.174a1.57%201.57%200%200%201-.45-.938l-.194-1.74a1.98%201.98%200%200%201%20.569-1.622l3.093-3.093a.1.1%200%200%200%20.023-.045a.2.2%200%200%200-.003-.103a6.5%206.5%200%200%201%201.7-6.224m8.14%201.061a5.006%205.006%200%200%200-8.387%204.79c.135.527.026%201.143-.412%201.581l-3.093%203.094a.48.48%200%200%200-.139.395l.193%201.74q.004.026.021.043l.174.174a.07.07%200%200%200%20.043.02l1.74.194a.48.48%200%200%200%20.395-.139l.5-.5l-.92-.911a.75.75%200%201%201%201.054-1.067l.927.917l1.533-1.532c.438-.438%201.054-.547%201.58-.412a5.006%205.006%200%200%200%204.79-8.387m-5.326%201.909a2.417%202.417%200%201%201%203.417%203.417a2.417%202.417%200%200%201-3.417-3.417m2.357%201.06a.917.917%200%201%200-1.297%201.296a.917.917%200%200%200%201.297-1.296%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/key-square2.svg?color=%231a73e8&size=48
