payload cms logo
payload-cms from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- payload-cms
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
Use the payload cms logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.9 18.99l-5.89-3.4a.24.24 0 0 1-.12-.21v-5.25c0-.09.1-.15.18-.1l6.84 3.95c.09.06.22-.01.22-.12V11.3c0-.1-.06-.2-.14-.25L4.74 6.29a.26.26 0 0 0-.24 0l-1.08.62c-.07.04-.12.12-.12.21v9.76c0 .09.05.16.12.21l8.45 4.88c.07.04.17.04.24 0l7.1-4.1a.15.15 0 0 0 0-.25L17 16.34a.3.3 0 0 0-.29 0l-4.58 2.65c-.07.04-.17.04-.24 0Zm8.67-12.08l-8.45-4.88a.26.26 0 0 0-.24 0L7.41 4.61a.15.15 0 0 0 0 .25L9.6 6.13c.09.05.2.05.29 0l2-1.15c.07-.04.17-.04.24 0l5.89 3.4c.07.04.12.12.12.21v5.28c0 .1.06.2.14.25l2.19 1.27c.09.06.22-.01.22-.12V7.12c0-.08-.05-.16-.12-.21"/></svg>
React
import type { SVGProps } from "react";
export function BxlPayloadCms(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="m11.9 18.99l-5.89-3.4a.24.24 0 0 1-.12-.21v-5.25c0-.09.1-.15.18-.1l6.84 3.95c.09.06.22-.01.22-.12V11.3c0-.1-.06-.2-.14-.25L4.74 6.29a.26.26 0 0 0-.24 0l-1.08.62c-.07.04-.12.12-.12.21v9.76c0 .09.05.16.12.21l8.45 4.88c.07.04.17.04.24 0l7.1-4.1a.15.15 0 0 0 0-.25L17 16.34a.3.3 0 0 0-.29 0l-4.58 2.65c-.07.04-.17.04-.24 0Zm8.67-12.08l-8.45-4.88a.26.26 0 0 0-.24 0L7.41 4.61a.15.15 0 0 0 0 .25L9.6 6.13c.09.05.2.05.29 0l2-1.15c.07-.04.17-.04.24 0l5.89 3.4c.07.04.12.12.12.21v5.28c0 .1.06.2.14.25l2.19 1.27c.09.06.22-.01.22-.12V7.12c0-.08-.05-.16-.12-.21"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.9 18.99l-5.89-3.4a.24.24 0 0 1-.12-.21v-5.25c0-.09.1-.15.18-.1l6.84 3.95c.09.06.22-.01.22-.12V11.3c0-.1-.06-.2-.14-.25L4.74 6.29a.26.26 0 0 0-.24 0l-1.08.62c-.07.04-.12.12-.12.21v9.76c0 .09.05.16.12.21l8.45 4.88c.07.04.17.04.24 0l7.1-4.1a.15.15 0 0 0 0-.25L17 16.34a.3.3 0 0 0-.29 0l-4.58 2.65c-.07.04-.17.04-.24 0Zm8.67-12.08l-8.45-4.88a.26.26 0 0 0-.24 0L7.41 4.61a.15.15 0 0 0 0 .25L9.6 6.13c.09.05.2.05.29 0l2-1.15c.07-.04.17-.04.24 0l5.89 3.4c.07.04.12.12.12.21v5.28c0 .1.06.2.14.25l2.19 1.27c.09.06.22-.01.22-.12V7.12c0-.08-.05-.16-.12-.21"/></svg> </template>
CSS
.icon-payload-cms {
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%22m11.9%2018.99l-5.89-3.4a.24.24%200%200%201-.12-.21v-5.25c0-.09.1-.15.18-.1l6.84%203.95c.09.06.22-.01.22-.12V11.3c0-.1-.06-.2-.14-.25L4.74%206.29a.26.26%200%200%200-.24%200l-1.08.62c-.07.04-.12.12-.12.21v9.76c0%20.09.05.16.12.21l8.45%204.88c.07.04.17.04.24%200l7.1-4.1a.15.15%200%200%200%200-.25L17%2016.34a.3.3%200%200%200-.29%200l-4.58%202.65c-.07.04-.17.04-.24%200Zm8.67-12.08l-8.45-4.88a.26.26%200%200%200-.24%200L7.41%204.61a.15.15%200%200%200%200%20.25L9.6%206.13c.09.05.2.05.29%200l2-1.15c.07-.04.17-.04.24%200l5.89%203.4c.07.04.12.12.12.21v5.28c0%20.1.06.2.14.25l2.19%201.27c.09.06.22-.01.22-.12V7.12c0-.08-.05-.16-.12-.21%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%22m11.9%2018.99l-5.89-3.4a.24.24%200%200%201-.12-.21v-5.25c0-.09.1-.15.18-.1l6.84%203.95c.09.06.22-.01.22-.12V11.3c0-.1-.06-.2-.14-.25L4.74%206.29a.26.26%200%200%200-.24%200l-1.08.62c-.07.04-.12.12-.12.21v9.76c0%20.09.05.16.12.21l8.45%204.88c.07.04.17.04.24%200l7.1-4.1a.15.15%200%200%200%200-.25L17%2016.34a.3.3%200%200%200-.29%200l-4.58%202.65c-.07.04-.17.04-.24%200Zm8.67-12.08l-8.45-4.88a.26.26%200%200%200-.24%200L7.41%204.61a.15.15%200%200%200%200%20.25L9.6%206.13c.09.05.2.05.29%200l2-1.15c.07-.04.17-.04.24%200l5.89%203.4c.07.04.12.12.12.21v5.28c0%20.1.06.2.14.25l2.19%201.27c.09.06.22-.01.22-.12V7.12c0-.08-.05-.16-.12-.21%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/payload-cms.svg?color=%231a73e8&size=48
