pocket icon

pocket-solid from Iconoir by Luca Burgio · Solid · Social · MIT Free for personal and commercial use.

Name: pocket-solid
Set: Iconoir
Style: Solid
Category: Social
Viewbox: 24×24
License: MIT

1 other variant in Iconoir

The same icon in other sets

pocketBoxicons Brands pocketCoreUI Brands pocketFeather Icons pocketcss.gg pocketHuge Icons pocketLucide pocketMaterial Design Icons pocketMyna UI Icons pocketSimple Icons

More social icons from Iconoir

Use the pocket icon

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="M12 20.75A9.75 9.75 0 0 0 21.75 11V6A2.75 2.75 0 0 0 19 3.25H5A2.75 2.75 0 0 0 2.25 6v5A9.75 9.75 0 0 0 12 20.75M8.53 9.47a.75.75 0 0 0-1.06 1.06l4 4a.75.75 0 0 0 1.06 0l4-4a.75.75 0 1 0-1.06-1.06L12 12.94z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function IconoirPocketSolid(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="M12 20.75A9.75 9.75 0 0 0 21.75 11V6A2.75 2.75 0 0 0 19 3.25H5A2.75 2.75 0 0 0 2.25 6v5A9.75 9.75 0 0 0 12 20.75M8.53 9.47a.75.75 0 0 0-1.06 1.06l4 4a.75.75 0 0 0 1.06 0l4-4a.75.75 0 1 0-1.06-1.06L12 12.94z" clipRule="evenodd"/></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="M12 20.75A9.75 9.75 0 0 0 21.75 11V6A2.75 2.75 0 0 0 19 3.25H5A2.75 2.75 0 0 0 2.25 6v5A9.75 9.75 0 0 0 12 20.75M8.53 9.47a.75.75 0 0 0-1.06 1.06l4 4a.75.75 0 0 0 1.06 0l4-4a.75.75 0 1 0-1.06-1.06L12 12.94z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-pocket-solid {
  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%22M12%2020.75A9.75%209.75%200%200%200%2021.75%2011V6A2.75%202.75%200%200%200%2019%203.25H5A2.75%202.75%200%200%200%202.25%206v5A9.75%209.75%200%200%200%2012%2020.75M8.53%209.47a.75.75%200%200%200-1.06%201.06l4%204a.75.75%200%200%200%201.06%200l4-4a.75.75%200%201%200-1.06-1.06L12%2012.94z%22%20clip-rule%3D%22evenodd%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%22M12%2020.75A9.75%209.75%200%200%200%2021.75%2011V6A2.75%202.75%200%200%200%2019%203.25H5A2.75%202.75%200%200%200%202.25%206v5A9.75%209.75%200%200%200%2012%2020.75M8.53%209.47a.75.75%200%200%200-1.06%201.06l4%204a.75.75%200%200%200%201.06%200l4-4a.75.75%200%201%200-1.06-1.06L12%2012.94z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/iconoir/pocket-solid.svg?color=%231a73e8&size=48