pocket logo
pocket from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the pocket logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.327 3.983H4.746c-.947 0-1.736.726-1.736 1.673v5.396c0 4.892 4.04 8.964 9.026 8.964c4.955 0 8.964-4.072 8.964-8.964V5.656c0-.947-.758-1.673-1.673-1.673m-2.178 6.691l-4.293 4.04c-.221.253-.567.348-.82.348c-.315 0-.631-.095-.884-.348l-4.229-4.04c-.441-.473-.504-1.262 0-1.768c.475-.441 1.263-.504 1.736 0l3.377 3.251l3.44-3.251c.441-.504 1.23-.441 1.673 0c.442.506.442 1.295 0 1.768"/></svg>
React
import type { SVGProps } from "react";
export function BxlPocket(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.327 3.983H4.746c-.947 0-1.736.726-1.736 1.673v5.396c0 4.892 4.04 8.964 9.026 8.964c4.955 0 8.964-4.072 8.964-8.964V5.656c0-.947-.758-1.673-1.673-1.673m-2.178 6.691l-4.293 4.04c-.221.253-.567.348-.82.348c-.315 0-.631-.095-.884-.348l-4.229-4.04c-.441-.473-.504-1.262 0-1.768c.475-.441 1.263-.504 1.736 0l3.377 3.251l3.44-3.251c.441-.504 1.23-.441 1.673 0c.442.506.442 1.295 0 1.768"/></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.327 3.983H4.746c-.947 0-1.736.726-1.736 1.673v5.396c0 4.892 4.04 8.964 9.026 8.964c4.955 0 8.964-4.072 8.964-8.964V5.656c0-.947-.758-1.673-1.673-1.673m-2.178 6.691l-4.293 4.04c-.221.253-.567.348-.82.348c-.315 0-.631-.095-.884-.348l-4.229-4.04c-.441-.473-.504-1.262 0-1.768c.475-.441 1.263-.504 1.736 0l3.377 3.251l3.44-3.251c.441-.504 1.23-.441 1.673 0c.442.506.442 1.295 0 1.768"/></svg> </template>
CSS
.icon-pocket {
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.327%203.983H4.746c-.947%200-1.736.726-1.736%201.673v5.396c0%204.892%204.04%208.964%209.026%208.964c4.955%200%208.964-4.072%208.964-8.964V5.656c0-.947-.758-1.673-1.673-1.673m-2.178%206.691l-4.293%204.04c-.221.253-.567.348-.82.348c-.315%200-.631-.095-.884-.348l-4.229-4.04c-.441-.473-.504-1.262%200-1.768c.475-.441%201.263-.504%201.736%200l3.377%203.251l3.44-3.251c.441-.504%201.23-.441%201.673%200c.442.506.442%201.295%200%201.768%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.327%203.983H4.746c-.947%200-1.736.726-1.736%201.673v5.396c0%204.892%204.04%208.964%209.026%208.964c4.955%200%208.964-4.072%208.964-8.964V5.656c0-.947-.758-1.673-1.673-1.673m-2.178%206.691l-4.293%204.04c-.221.253-.567.348-.82.348c-.315%200-.631-.095-.884-.348l-4.229-4.04c-.441-.473-.504-1.262%200-1.768c.475-.441%201.263-.504%201.736%200l3.377%203.251l3.44-3.251c.441-.504%201.23-.441%201.673%200c.442.506.442%201.295%200%201.768%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/pocket.svg?color=%231a73e8&size=48
