pocketbase logo
pocketbase from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- pocketbase
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the pocketbase logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.684 12a.63.63 0 0 1-.631-.632V4.421c0-.349.282-.632.631-.632h2.37q.69 0 1.287.139q.61.125 1.053.44q.454.303.715.82q.26.502.26 1.246q0 .718-.273 1.247a2.4 2.4 0 0 1-.715.869a3.1 3.1 0 0 1-1.053.503q-.598.165-1.273.164h-.46a.63.63 0 0 0-.632.632v1.52a.63.63 0 0 1-.632.631Zm1.279-4.888c0 .349.283.632.632.632h.343q1.56 0 1.56-1.31q0-.642-.404-.907q-.39-.264-1.156-.264h-.343a.63.63 0 0 0-.632.631Zm6.3 13.098a.63.63 0 0 1-.631-.631v-6.947a.63.63 0 0 1 .631-.632h2.203q.66 0 1.216.1q.57.09.984.328q.414.24.647.63q.246.39.246.982q0 .278-.09.554a1.5 1.5 0 0 1-.26.516a1.86 1.86 0 0 1-1.076.7a.03.03 0 0 0-.023.03c0 .015.01.028.025.03q.887.167 1.346.626q.466.465.466 1.297q0 .63-.246 1.083a2.15 2.15 0 0 1-.685.755a3.4 3.4 0 0 1-1.036.441a5.5 5.5 0 0 1-1.268.139zm1.271-5.542c0 .349.283.631.632.631h.21q.698 0 1.009-.264t.31-.743q0-.453-.323-.642q-.31-.202-.984-.202h-.222a.63.63 0 0 0-.632.632Zm0 3.463c0 .349.283.631.632.631h.39q1.528 0 1.528-1.108q0-.54-.376-.78q-.361-.24-1.152-.24h-.39a.63.63 0 0 0-.632.632zM1.389 0C.629 0 0 .629 0 1.389V15.03a1.4 1.4 0 0 0 1.389 1.39H8.21a.63.63 0 0 0 .63-.632a.63.63 0 0 0-.63-.63H1.389c-.078 0-.125-.05-.125-.128V1.39c0-.078.047-.125.125-.125H15.03c.078 0 .127.047.127.125v6.82a.63.63 0 0 0 .631.63a.63.63 0 0 0 .633-.63V1.389A1.4 1.4 0 0 0 15.032 0ZM15.79 7.578a.63.63 0 0 0-.632.633a.63.63 0 0 0 .631.63h6.822c.078 0 .125.05.125.128V22.61c0 .078-.047.125-.125.125H8.97c-.077 0-.127-.047-.127-.125v-6.82a.63.63 0 0 0-.631-.63a.63.63 0 0 0-.633.63v6.822A1.4 1.4 0 0 0 8.968 24h13.643c.76 0 1.389-.629 1.389-1.389V8.97a1.4 1.4 0 0 0-1.389-1.39Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsPocketbase(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.684 12a.63.63 0 0 1-.631-.632V4.421c0-.349.282-.632.631-.632h2.37q.69 0 1.287.139q.61.125 1.053.44q.454.303.715.82q.26.502.26 1.246q0 .718-.273 1.247a2.4 2.4 0 0 1-.715.869a3.1 3.1 0 0 1-1.053.503q-.598.165-1.273.164h-.46a.63.63 0 0 0-.632.632v1.52a.63.63 0 0 1-.632.631Zm1.279-4.888c0 .349.283.632.632.632h.343q1.56 0 1.56-1.31q0-.642-.404-.907q-.39-.264-1.156-.264h-.343a.63.63 0 0 0-.632.631Zm6.3 13.098a.63.63 0 0 1-.631-.631v-6.947a.63.63 0 0 1 .631-.632h2.203q.66 0 1.216.1q.57.09.984.328q.414.24.647.63q.246.39.246.982q0 .278-.09.554a1.5 1.5 0 0 1-.26.516a1.86 1.86 0 0 1-1.076.7a.03.03 0 0 0-.023.03c0 .015.01.028.025.03q.887.167 1.346.626q.466.465.466 1.297q0 .63-.246 1.083a2.15 2.15 0 0 1-.685.755a3.4 3.4 0 0 1-1.036.441a5.5 5.5 0 0 1-1.268.139zm1.271-5.542c0 .349.283.631.632.631h.21q.698 0 1.009-.264t.31-.743q0-.453-.323-.642q-.31-.202-.984-.202h-.222a.63.63 0 0 0-.632.632Zm0 3.463c0 .349.283.631.632.631h.39q1.528 0 1.528-1.108q0-.54-.376-.78q-.361-.24-1.152-.24h-.39a.63.63 0 0 0-.632.632zM1.389 0C.629 0 0 .629 0 1.389V15.03a1.4 1.4 0 0 0 1.389 1.39H8.21a.63.63 0 0 0 .63-.632a.63.63 0 0 0-.63-.63H1.389c-.078 0-.125-.05-.125-.128V1.39c0-.078.047-.125.125-.125H15.03c.078 0 .127.047.127.125v6.82a.63.63 0 0 0 .631.63a.63.63 0 0 0 .633-.63V1.389A1.4 1.4 0 0 0 15.032 0ZM15.79 7.578a.63.63 0 0 0-.632.633a.63.63 0 0 0 .631.63h6.822c.078 0 .125.05.125.128V22.61c0 .078-.047.125-.125.125H8.97c-.077 0-.127-.047-.127-.125v-6.82a.63.63 0 0 0-.631-.63a.63.63 0 0 0-.633.63v6.822A1.4 1.4 0 0 0 8.968 24h13.643c.76 0 1.389-.629 1.389-1.389V8.97a1.4 1.4 0 0 0-1.389-1.39Z"/></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.684 12a.63.63 0 0 1-.631-.632V4.421c0-.349.282-.632.631-.632h2.37q.69 0 1.287.139q.61.125 1.053.44q.454.303.715.82q.26.502.26 1.246q0 .718-.273 1.247a2.4 2.4 0 0 1-.715.869a3.1 3.1 0 0 1-1.053.503q-.598.165-1.273.164h-.46a.63.63 0 0 0-.632.632v1.52a.63.63 0 0 1-.632.631Zm1.279-4.888c0 .349.283.632.632.632h.343q1.56 0 1.56-1.31q0-.642-.404-.907q-.39-.264-1.156-.264h-.343a.63.63 0 0 0-.632.631Zm6.3 13.098a.63.63 0 0 1-.631-.631v-6.947a.63.63 0 0 1 .631-.632h2.203q.66 0 1.216.1q.57.09.984.328q.414.24.647.63q.246.39.246.982q0 .278-.09.554a1.5 1.5 0 0 1-.26.516a1.86 1.86 0 0 1-1.076.7a.03.03 0 0 0-.023.03c0 .015.01.028.025.03q.887.167 1.346.626q.466.465.466 1.297q0 .63-.246 1.083a2.15 2.15 0 0 1-.685.755a3.4 3.4 0 0 1-1.036.441a5.5 5.5 0 0 1-1.268.139zm1.271-5.542c0 .349.283.631.632.631h.21q.698 0 1.009-.264t.31-.743q0-.453-.323-.642q-.31-.202-.984-.202h-.222a.63.63 0 0 0-.632.632Zm0 3.463c0 .349.283.631.632.631h.39q1.528 0 1.528-1.108q0-.54-.376-.78q-.361-.24-1.152-.24h-.39a.63.63 0 0 0-.632.632zM1.389 0C.629 0 0 .629 0 1.389V15.03a1.4 1.4 0 0 0 1.389 1.39H8.21a.63.63 0 0 0 .63-.632a.63.63 0 0 0-.63-.63H1.389c-.078 0-.125-.05-.125-.128V1.39c0-.078.047-.125.125-.125H15.03c.078 0 .127.047.127.125v6.82a.63.63 0 0 0 .631.63a.63.63 0 0 0 .633-.63V1.389A1.4 1.4 0 0 0 15.032 0ZM15.79 7.578a.63.63 0 0 0-.632.633a.63.63 0 0 0 .631.63h6.822c.078 0 .125.05.125.128V22.61c0 .078-.047.125-.125.125H8.97c-.077 0-.127-.047-.127-.125v-6.82a.63.63 0 0 0-.631-.63a.63.63 0 0 0-.633.63v6.822A1.4 1.4 0 0 0 8.968 24h13.643c.76 0 1.389-.629 1.389-1.389V8.97a1.4 1.4 0 0 0-1.389-1.39Z"/></svg> </template>
CSS
.icon-pocketbase {
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.684%2012a.63.63%200%200%201-.631-.632V4.421c0-.349.282-.632.631-.632h2.37q.69%200%201.287.139q.61.125%201.053.44q.454.303.715.82q.26.502.26%201.246q0%20.718-.273%201.247a2.4%202.4%200%200%201-.715.869a3.1%203.1%200%200%201-1.053.503q-.598.165-1.273.164h-.46a.63.63%200%200%200-.632.632v1.52a.63.63%200%200%201-.632.631Zm1.279-4.888c0%20.349.283.632.632.632h.343q1.56%200%201.56-1.31q0-.642-.404-.907q-.39-.264-1.156-.264h-.343a.63.63%200%200%200-.632.631Zm6.3%2013.098a.63.63%200%200%201-.631-.631v-6.947a.63.63%200%200%201%20.631-.632h2.203q.66%200%201.216.1q.57.09.984.328q.414.24.647.63q.246.39.246.982q0%20.278-.09.554a1.5%201.5%200%200%201-.26.516a1.86%201.86%200%200%201-1.076.7a.03.03%200%200%200-.023.03c0%20.015.01.028.025.03q.887.167%201.346.626q.466.465.466%201.297q0%20.63-.246%201.083a2.15%202.15%200%200%201-.685.755a3.4%203.4%200%200%201-1.036.441a5.5%205.5%200%200%201-1.268.139zm1.271-5.542c0%20.349.283.631.632.631h.21q.698%200%201.009-.264t.31-.743q0-.453-.323-.642q-.31-.202-.984-.202h-.222a.63.63%200%200%200-.632.632Zm0%203.463c0%20.349.283.631.632.631h.39q1.528%200%201.528-1.108q0-.54-.376-.78q-.361-.24-1.152-.24h-.39a.63.63%200%200%200-.632.632zM1.389%200C.629%200%200%20.629%200%201.389V15.03a1.4%201.4%200%200%200%201.389%201.39H8.21a.63.63%200%200%200%20.63-.632a.63.63%200%200%200-.63-.63H1.389c-.078%200-.125-.05-.125-.128V1.39c0-.078.047-.125.125-.125H15.03c.078%200%20.127.047.127.125v6.82a.63.63%200%200%200%20.631.63a.63.63%200%200%200%20.633-.63V1.389A1.4%201.4%200%200%200%2015.032%200ZM15.79%207.578a.63.63%200%200%200-.632.633a.63.63%200%200%200%20.631.63h6.822c.078%200%20.125.05.125.128V22.61c0%20.078-.047.125-.125.125H8.97c-.077%200-.127-.047-.127-.125v-6.82a.63.63%200%200%200-.631-.63a.63.63%200%200%200-.633.63v6.822A1.4%201.4%200%200%200%208.968%2024h13.643c.76%200%201.389-.629%201.389-1.389V8.97a1.4%201.4%200%200%200-1.389-1.39Z%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.684%2012a.63.63%200%200%201-.631-.632V4.421c0-.349.282-.632.631-.632h2.37q.69%200%201.287.139q.61.125%201.053.44q.454.303.715.82q.26.502.26%201.246q0%20.718-.273%201.247a2.4%202.4%200%200%201-.715.869a3.1%203.1%200%200%201-1.053.503q-.598.165-1.273.164h-.46a.63.63%200%200%200-.632.632v1.52a.63.63%200%200%201-.632.631Zm1.279-4.888c0%20.349.283.632.632.632h.343q1.56%200%201.56-1.31q0-.642-.404-.907q-.39-.264-1.156-.264h-.343a.63.63%200%200%200-.632.631Zm6.3%2013.098a.63.63%200%200%201-.631-.631v-6.947a.63.63%200%200%201%20.631-.632h2.203q.66%200%201.216.1q.57.09.984.328q.414.24.647.63q.246.39.246.982q0%20.278-.09.554a1.5%201.5%200%200%201-.26.516a1.86%201.86%200%200%201-1.076.7a.03.03%200%200%200-.023.03c0%20.015.01.028.025.03q.887.167%201.346.626q.466.465.466%201.297q0%20.63-.246%201.083a2.15%202.15%200%200%201-.685.755a3.4%203.4%200%200%201-1.036.441a5.5%205.5%200%200%201-1.268.139zm1.271-5.542c0%20.349.283.631.632.631h.21q.698%200%201.009-.264t.31-.743q0-.453-.323-.642q-.31-.202-.984-.202h-.222a.63.63%200%200%200-.632.632Zm0%203.463c0%20.349.283.631.632.631h.39q1.528%200%201.528-1.108q0-.54-.376-.78q-.361-.24-1.152-.24h-.39a.63.63%200%200%200-.632.632zM1.389%200C.629%200%200%20.629%200%201.389V15.03a1.4%201.4%200%200%200%201.389%201.39H8.21a.63.63%200%200%200%20.63-.632a.63.63%200%200%200-.63-.63H1.389c-.078%200-.125-.05-.125-.128V1.39c0-.078.047-.125.125-.125H15.03c.078%200%20.127.047.127.125v6.82a.63.63%200%200%200%20.631.63a.63.63%200%200%200%20.633-.63V1.389A1.4%201.4%200%200%200%2015.032%200ZM15.79%207.578a.63.63%200%200%200-.632.633a.63.63%200%200%200%20.631.63h6.822c.078%200%20.125.05.125.128V22.61c0%20.078-.047.125-.125.125H8.97c-.077%200-.127-.047-.127-.125v-6.82a.63.63%200%200%200-.631-.63a.63.63%200%200%200-.633.63v6.822A1.4%201.4%200%200%200%208.968%2024h13.643c.76%200%201.389-.629%201.389-1.389V8.97a1.4%201.4%200%200%200-1.389-1.39Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/pocketbase.svg?color=%231a73e8&size=48
