account book icon

account-book-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.

Name: account-book-filled
Set: Ant Design Icons
Style: Filled
Viewbox: 1024×1024
License: MIT
Aliases: account-book-fill

2 other variants in Ant Design Icons

account-book-outlined account-book-twotone

Use the account book icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32M648.3 426.8l-87.7 161.1h45.7c5.5 0 10 4.5 10 10v21.3c0 5.5-4.5 10-10 10h-63.4v29.7h63.4c5.5 0 10 4.5 10 10v21.3c0 5.5-4.5 10-10 10h-63.4V752c0 5.5-4.5 10-10 10h-41.3c-5.5 0-10-4.5-10-10v-51.8h-63.1c-5.5 0-10-4.5-10-10v-21.3c0-5.5 4.5-10 10-10h63.1v-29.7h-63.1c-5.5 0-10-4.5-10-10v-21.3c0-5.5 4.5-10 10-10h45.2l-88-161.1c-2.6-4.8-.9-10.9 4-13.6q2.25-1.2 4.8-1.2h46c3.8 0 7.2 2.1 8.9 5.5l72.9 144.3l73.2-144.3a10 10 0 0 1 8.9-5.5h45c5.5 0 10 4.5 10 10c.1 1.7-.3 3.3-1.1 4.8"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignAccountBookFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32M648.3 426.8l-87.7 161.1h45.7c5.5 0 10 4.5 10 10v21.3c0 5.5-4.5 10-10 10h-63.4v29.7h63.4c5.5 0 10 4.5 10 10v21.3c0 5.5-4.5 10-10 10h-63.4V752c0 5.5-4.5 10-10 10h-41.3c-5.5 0-10-4.5-10-10v-51.8h-63.1c-5.5 0-10-4.5-10-10v-21.3c0-5.5 4.5-10 10-10h63.1v-29.7h-63.1c-5.5 0-10-4.5-10-10v-21.3c0-5.5 4.5-10 10-10h45.2l-88-161.1c-2.6-4.8-.9-10.9 4-13.6q2.25-1.2 4.8-1.2h46c3.8 0 7.2 2.1 8.9 5.5l72.9 144.3l73.2-144.3a10 10 0 0 1 8.9-5.5h45c5.5 0 10 4.5 10 10c.1 1.7-.3 3.3-1.1 4.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32M648.3 426.8l-87.7 161.1h45.7c5.5 0 10 4.5 10 10v21.3c0 5.5-4.5 10-10 10h-63.4v29.7h63.4c5.5 0 10 4.5 10 10v21.3c0 5.5-4.5 10-10 10h-63.4V752c0 5.5-4.5 10-10 10h-41.3c-5.5 0-10-4.5-10-10v-51.8h-63.1c-5.5 0-10-4.5-10-10v-21.3c0-5.5 4.5-10 10-10h63.1v-29.7h-63.1c-5.5 0-10-4.5-10-10v-21.3c0-5.5 4.5-10 10-10h45.2l-88-161.1c-2.6-4.8-.9-10.9 4-13.6q2.25-1.2 4.8-1.2h46c3.8 0 7.2 2.1 8.9 5.5l72.9 144.3l73.2-144.3a10 10 0 0 1 8.9-5.5h45c5.5 0 10 4.5 10 10c.1 1.7-.3 3.3-1.1 4.8"/></svg>
</template>

CSS

.icon-account-book-filled {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M880%20184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4%200-8%203.6-8%208v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4%200-8%203.6-8%208v64H144c-17.7%200-32%2014.3-32%2032v664c0%2017.7%2014.3%2032%2032%2032h736c17.7%200%2032-14.3%2032-32V216c0-17.7-14.3-32-32-32M648.3%20426.8l-87.7%20161.1h45.7c5.5%200%2010%204.5%2010%2010v21.3c0%205.5-4.5%2010-10%2010h-63.4v29.7h63.4c5.5%200%2010%204.5%2010%2010v21.3c0%205.5-4.5%2010-10%2010h-63.4V752c0%205.5-4.5%2010-10%2010h-41.3c-5.5%200-10-4.5-10-10v-51.8h-63.1c-5.5%200-10-4.5-10-10v-21.3c0-5.5%204.5-10%2010-10h63.1v-29.7h-63.1c-5.5%200-10-4.5-10-10v-21.3c0-5.5%204.5-10%2010-10h45.2l-88-161.1c-2.6-4.8-.9-10.9%204-13.6q2.25-1.2%204.8-1.2h46c3.8%200%207.2%202.1%208.9%205.5l72.9%20144.3l73.2-144.3a10%2010%200%200%201%208.9-5.5h45c5.5%200%2010%204.5%2010%2010c.1%201.7-.3%203.3-1.1%204.8%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M880%20184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4%200-8%203.6-8%208v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4%200-8%203.6-8%208v64H144c-17.7%200-32%2014.3-32%2032v664c0%2017.7%2014.3%2032%2032%2032h736c17.7%200%2032-14.3%2032-32V216c0-17.7-14.3-32-32-32M648.3%20426.8l-87.7%20161.1h45.7c5.5%200%2010%204.5%2010%2010v21.3c0%205.5-4.5%2010-10%2010h-63.4v29.7h63.4c5.5%200%2010%204.5%2010%2010v21.3c0%205.5-4.5%2010-10%2010h-63.4V752c0%205.5-4.5%2010-10%2010h-41.3c-5.5%200-10-4.5-10-10v-51.8h-63.1c-5.5%200-10-4.5-10-10v-21.3c0-5.5%204.5-10%2010-10h63.1v-29.7h-63.1c-5.5%200-10-4.5-10-10v-21.3c0-5.5%204.5-10%2010-10h45.2l-88-161.1c-2.6-4.8-.9-10.9%204-13.6q2.25-1.2%204.8-1.2h46c3.8%200%207.2%202.1%208.9%205.5l72.9%20144.3l73.2-144.3a10%2010%200%200%201%208.9-5.5h45c5.5%200%2010%204.5%2010%2010c.1%201.7-.3%203.3-1.1%204.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/account-book-filled.svg?color=%231a73e8&size=48