boxicons logo
boxicons from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- boxicons
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
Use the boxicons logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.51 5.85l-5.93-3.43c-.98-.56-2.18-.56-3.15 0L4.49 5.85c-.98.56-1.58 1.6-1.58 2.73v6.85c0 1.13.6 2.17 1.58 2.73l5.93 3.43c.98.56 2.18.56 3.15 0l5.93-3.43a3.15 3.15 0 0 0 1.58-2.73V8.58c0-1.13-.6-2.17-1.58-2.73Zm-2.33 3.74l-4.65 2.34v5.08c0 .09-.03.19-.07.27c-.14.25-.47.34-.72.19l-4.28-2.43a.94.94 0 0 1-.46-.81V9.5c0-.22.07-.43.19-.63h-.01c.13-.19.29-.33.48-.43l4.43-2.24c.28-.14.6-.12.87.03l4.26 2.43c.09.05.17.13.22.23c.13.26.02.58-.24.69Z"/></svg>
React
import type { SVGProps } from "react";
export function BxlBoxicons(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="m19.51 5.85l-5.93-3.43c-.98-.56-2.18-.56-3.15 0L4.49 5.85c-.98.56-1.58 1.6-1.58 2.73v6.85c0 1.13.6 2.17 1.58 2.73l5.93 3.43c.98.56 2.18.56 3.15 0l5.93-3.43a3.15 3.15 0 0 0 1.58-2.73V8.58c0-1.13-.6-2.17-1.58-2.73Zm-2.33 3.74l-4.65 2.34v5.08c0 .09-.03.19-.07.27c-.14.25-.47.34-.72.19l-4.28-2.43a.94.94 0 0 1-.46-.81V9.5c0-.22.07-.43.19-.63h-.01c.13-.19.29-.33.48-.43l4.43-2.24c.28-.14.6-.12.87.03l4.26 2.43c.09.05.17.13.22.23c.13.26.02.58-.24.69Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.51 5.85l-5.93-3.43c-.98-.56-2.18-.56-3.15 0L4.49 5.85c-.98.56-1.58 1.6-1.58 2.73v6.85c0 1.13.6 2.17 1.58 2.73l5.93 3.43c.98.56 2.18.56 3.15 0l5.93-3.43a3.15 3.15 0 0 0 1.58-2.73V8.58c0-1.13-.6-2.17-1.58-2.73Zm-2.33 3.74l-4.65 2.34v5.08c0 .09-.03.19-.07.27c-.14.25-.47.34-.72.19l-4.28-2.43a.94.94 0 0 1-.46-.81V9.5c0-.22.07-.43.19-.63h-.01c.13-.19.29-.33.48-.43l4.43-2.24c.28-.14.6-.12.87.03l4.26 2.43c.09.05.17.13.22.23c.13.26.02.58-.24.69Z"/></svg> </template>
CSS
.icon-boxicons {
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%22m19.51%205.85l-5.93-3.43c-.98-.56-2.18-.56-3.15%200L4.49%205.85c-.98.56-1.58%201.6-1.58%202.73v6.85c0%201.13.6%202.17%201.58%202.73l5.93%203.43c.98.56%202.18.56%203.15%200l5.93-3.43a3.15%203.15%200%200%200%201.58-2.73V8.58c0-1.13-.6-2.17-1.58-2.73Zm-2.33%203.74l-4.65%202.34v5.08c0%20.09-.03.19-.07.27c-.14.25-.47.34-.72.19l-4.28-2.43a.94.94%200%200%201-.46-.81V9.5c0-.22.07-.43.19-.63h-.01c.13-.19.29-.33.48-.43l4.43-2.24c.28-.14.6-.12.87.03l4.26%202.43c.09.05.17.13.22.23c.13.26.02.58-.24.69Z%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%22m19.51%205.85l-5.93-3.43c-.98-.56-2.18-.56-3.15%200L4.49%205.85c-.98.56-1.58%201.6-1.58%202.73v6.85c0%201.13.6%202.17%201.58%202.73l5.93%203.43c.98.56%202.18.56%203.15%200l5.93-3.43a3.15%203.15%200%200%200%201.58-2.73V8.58c0-1.13-.6-2.17-1.58-2.73Zm-2.33%203.74l-4.65%202.34v5.08c0%20.09-.03.19-.07.27c-.14.25-.47.34-.72.19l-4.28-2.43a.94.94%200%200%201-.46-.81V9.5c0-.22.07-.43.19-.63h-.01c.13-.19.29-.33.48-.43l4.43-2.24c.28-.14.6-.12.87.03l4.26%202.43c.09.05.17.13.22.23c.13.26.02.58-.24.69Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/boxicons.svg?color=%231a73e8&size=48
