pocket icon

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

Name: pocket
Set: Iconoir
Style: Regular
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"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M21 6v5a9 9 0 1 1-18 0V6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2"/><path d="m8 10l4 4l4-4"/></g></svg>

React

import type { SVGProps } from "react";

export function IconoirPocket(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M21 6v5a9 9 0 1 1-18 0V6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2"/><path d="m8 10l4 4l4-4"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M21 6v5a9 9 0 1 1-18 0V6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2"/><path d="m8 10l4 4l4-4"/></g></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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21%206v5a9%209%200%201%201-18%200V6a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202%22%2F%3E%3Cpath%20d%3D%22m8%2010l4%204l4-4%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21%206v5a9%209%200%201%201-18%200V6a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202%22%2F%3E%3Cpath%20d%3D%22m8%2010l4%204l4-4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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