slock logo
slock from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- slock
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
1 other variant in LobeHub AI Icons
Use the slock logo
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="M18.528 1.038c.674-.106 1.387.003 1.93.425.385.298 1.335 1.114 1.602 1.33.536.432.941.982 1.061 1.66l.84 4.753a2.579 2.579 0 01-2.078 2.974l-.272.05c.053.146.098.298.125.455l.824 4.661a2.573 2.573 0 01-2.092 2.977L5.458 22.96c-1.151.202-1.604-.37-2.757-1.393-.993-.886-1.675-1.345-1.867-2.235l-.75-4.237c-.157-.9-.123-1.417.358-2.119.442-.648 1.168-.977 2.086-1.14a2.779 2.779 0 01-.118-.43l-.656-3.71c-.175-.992-.397-1.962.35-2.969.646-.869 1.483-1.063 2.532-1.217l13.892-2.472zm-10.27 15.19c-.193.174-.633.406-1.086.3-.394-.093-.68-.436-.752-.835l-.409-2.31-3.1.545a.853.853 0 00-.693.986l.683 3.856a.855.855 0 00.99.691v.003l14.204-2.495a.853.853 0 00.694-.987l-.683-3.859a.855.855 0 00-.99-.69l-1.253.22c-.417.074-1.12-.183-1.24-.861l-.22-1.236-6.145 6.671zm11.23-12.33a.855.855 0 00-.993-.69L4.433 5.701a.85.85 0 00-.691.986l.699 3.947v.003a.854.854 0 00.989.691l1.26-.22a1.065 1.065 0 011.234.861l.219 1.236 6.146-6.672a1.069 1.069 0 011.838.535l.408 2.304 2.963-.537a.852.852 0 00.689-.986l-.699-3.952z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubSlock(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="M18.528 1.038c.674-.106 1.387.003 1.93.425.385.298 1.335 1.114 1.602 1.33.536.432.941.982 1.061 1.66l.84 4.753a2.579 2.579 0 01-2.078 2.974l-.272.05c.053.146.098.298.125.455l.824 4.661a2.573 2.573 0 01-2.092 2.977L5.458 22.96c-1.151.202-1.604-.37-2.757-1.393-.993-.886-1.675-1.345-1.867-2.235l-.75-4.237c-.157-.9-.123-1.417.358-2.119.442-.648 1.168-.977 2.086-1.14a2.779 2.779 0 01-.118-.43l-.656-3.71c-.175-.992-.397-1.962.35-2.969.646-.869 1.483-1.063 2.532-1.217l13.892-2.472zm-10.27 15.19c-.193.174-.633.406-1.086.3-.394-.093-.68-.436-.752-.835l-.409-2.31-3.1.545a.853.853 0 00-.693.986l.683 3.856a.855.855 0 00.99.691v.003l14.204-2.495a.853.853 0 00.694-.987l-.683-3.859a.855.855 0 00-.99-.69l-1.253.22c-.417.074-1.12-.183-1.24-.861l-.22-1.236-6.145 6.671zm11.23-12.33a.855.855 0 00-.993-.69L4.433 5.701a.85.85 0 00-.691.986l.699 3.947v.003a.854.854 0 00.989.691l1.26-.22a1.065 1.065 0 011.234.861l.219 1.236 6.146-6.672a1.069 1.069 0 011.838.535l.408 2.304 2.963-.537a.852.852 0 00.689-.986l-.699-3.952z"/></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="M18.528 1.038c.674-.106 1.387.003 1.93.425.385.298 1.335 1.114 1.602 1.33.536.432.941.982 1.061 1.66l.84 4.753a2.579 2.579 0 01-2.078 2.974l-.272.05c.053.146.098.298.125.455l.824 4.661a2.573 2.573 0 01-2.092 2.977L5.458 22.96c-1.151.202-1.604-.37-2.757-1.393-.993-.886-1.675-1.345-1.867-2.235l-.75-4.237c-.157-.9-.123-1.417.358-2.119.442-.648 1.168-.977 2.086-1.14a2.779 2.779 0 01-.118-.43l-.656-3.71c-.175-.992-.397-1.962.35-2.969.646-.869 1.483-1.063 2.532-1.217l13.892-2.472zm-10.27 15.19c-.193.174-.633.406-1.086.3-.394-.093-.68-.436-.752-.835l-.409-2.31-3.1.545a.853.853 0 00-.693.986l.683 3.856a.855.855 0 00.99.691v.003l14.204-2.495a.853.853 0 00.694-.987l-.683-3.859a.855.855 0 00-.99-.69l-1.253.22c-.417.074-1.12-.183-1.24-.861l-.22-1.236-6.145 6.671zm11.23-12.33a.855.855 0 00-.993-.69L4.433 5.701a.85.85 0 00-.691.986l.699 3.947v.003a.854.854 0 00.989.691l1.26-.22a1.065 1.065 0 011.234.861l.219 1.236 6.146-6.672a1.069 1.069 0 011.838.535l.408 2.304 2.963-.537a.852.852 0 00.689-.986l-.699-3.952z"/></svg> </template>
CSS
.icon-slock {
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%22M18.528%201.038c.674-.106%201.387.003%201.93.425.385.298%201.335%201.114%201.602%201.33.536.432.941.982%201.061%201.66l.84%204.753a2.579%202.579%200%2001-2.078%202.974l-.272.05c.053.146.098.298.125.455l.824%204.661a2.573%202.573%200%2001-2.092%202.977L5.458%2022.96c-1.151.202-1.604-.37-2.757-1.393-.993-.886-1.675-1.345-1.867-2.235l-.75-4.237c-.157-.9-.123-1.417.358-2.119.442-.648%201.168-.977%202.086-1.14a2.779%202.779%200%2001-.118-.43l-.656-3.71c-.175-.992-.397-1.962.35-2.969.646-.869%201.483-1.063%202.532-1.217l13.892-2.472zm-10.27%2015.19c-.193.174-.633.406-1.086.3-.394-.093-.68-.436-.752-.835l-.409-2.31-3.1.545a.853.853%200%2000-.693.986l.683%203.856a.855.855%200%2000.99.691v.003l14.204-2.495a.853.853%200%2000.694-.987l-.683-3.859a.855.855%200%2000-.99-.69l-1.253.22c-.417.074-1.12-.183-1.24-.861l-.22-1.236-6.145%206.671zm11.23-12.33a.855.855%200%2000-.993-.69L4.433%205.701a.85.85%200%2000-.691.986l.699%203.947v.003a.854.854%200%2000.989.691l1.26-.22a1.065%201.065%200%20011.234.861l.219%201.236%206.146-6.672a1.069%201.069%200%20011.838.535l.408%202.304%202.963-.537a.852.852%200%2000.689-.986l-.699-3.952z%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%22M18.528%201.038c.674-.106%201.387.003%201.93.425.385.298%201.335%201.114%201.602%201.33.536.432.941.982%201.061%201.66l.84%204.753a2.579%202.579%200%2001-2.078%202.974l-.272.05c.053.146.098.298.125.455l.824%204.661a2.573%202.573%200%2001-2.092%202.977L5.458%2022.96c-1.151.202-1.604-.37-2.757-1.393-.993-.886-1.675-1.345-1.867-2.235l-.75-4.237c-.157-.9-.123-1.417.358-2.119.442-.648%201.168-.977%202.086-1.14a2.779%202.779%200%2001-.118-.43l-.656-3.71c-.175-.992-.397-1.962.35-2.969.646-.869%201.483-1.063%202.532-1.217l13.892-2.472zm-10.27%2015.19c-.193.174-.633.406-1.086.3-.394-.093-.68-.436-.752-.835l-.409-2.31-3.1.545a.853.853%200%2000-.693.986l.683%203.856a.855.855%200%2000.99.691v.003l14.204-2.495a.853.853%200%2000.694-.987l-.683-3.859a.855.855%200%2000-.99-.69l-1.253.22c-.417.074-1.12-.183-1.24-.861l-.22-1.236-6.145%206.671zm11.23-12.33a.855.855%200%2000-.993-.69L4.433%205.701a.85.85%200%2000-.691.986l.699%203.947v.003a.854.854%200%2000.989.691l1.26-.22a1.065%201.065%200%20011.234.861l.219%201.236%206.146-6.672a1.069%201.069%200%20011.838.535l.408%202.304%202.963-.537a.852.852%200%2000.689-.986l-.699-3.952z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/slock.svg?color=%231a73e8&size=48
