bank icon
bank-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- bank-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- bank, bank-outline
2 other variants in Ant Design Icons
The same icon in other sets
bankAkar IconsbankBootstrap IconsbankBoxIcons v2 SolidbankEmoji One (Colored)bankFont Awesome SolidbankFluent EmojibankFluent Emoji FlatbankFluent Emoji High ContrastbankFirefox OS EmojibankHuge IconsbankIconParkbankIconPark OutlinebankIconoirbankMaterial Design Iconsbank-fillMingCute IconbankMyna UI IconsbankNoto EmojibankOpenMojibankPhosphorbank-fillRemix Iconbank-outlineTeenyiconsbankTwitter Emoji
Use the bank icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M894 462c30.9 0 43.8-39.7 18.7-58L530.8 126.2a31.81 31.81 0 0 0-37.6 0L111.3 404c-25.1 18.2-12.2 58 18.8 58H192v374h-72c-4.4 0-8 3.6-8 8v52c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-52c0-4.4-3.6-8-8-8h-72V462zM512 196.7l271.1 197.2H240.9zM264 462h117v374H264zm189 0h117v374H453zm307 374H642V462h118z"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignBankOutlined(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="M894 462c30.9 0 43.8-39.7 18.7-58L530.8 126.2a31.81 31.81 0 0 0-37.6 0L111.3 404c-25.1 18.2-12.2 58 18.8 58H192v374h-72c-4.4 0-8 3.6-8 8v52c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-52c0-4.4-3.6-8-8-8h-72V462zM512 196.7l271.1 197.2H240.9zM264 462h117v374H264zm189 0h117v374H453zm307 374H642V462h118z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M894 462c30.9 0 43.8-39.7 18.7-58L530.8 126.2a31.81 31.81 0 0 0-37.6 0L111.3 404c-25.1 18.2-12.2 58 18.8 58H192v374h-72c-4.4 0-8 3.6-8 8v52c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-52c0-4.4-3.6-8-8-8h-72V462zM512 196.7l271.1 197.2H240.9zM264 462h117v374H264zm189 0h117v374H453zm307 374H642V462h118z"/></svg> </template>
CSS
.icon-bank-outlined {
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%22M894%20462c30.9%200%2043.8-39.7%2018.7-58L530.8%20126.2a31.81%2031.81%200%200%200-37.6%200L111.3%20404c-25.1%2018.2-12.2%2058%2018.8%2058H192v374h-72c-4.4%200-8%203.6-8%208v52c0%204.4%203.6%208%208%208h784c4.4%200%208-3.6%208-8v-52c0-4.4-3.6-8-8-8h-72V462zM512%20196.7l271.1%20197.2H240.9zM264%20462h117v374H264zm189%200h117v374H453zm307%20374H642V462h118z%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%22M894%20462c30.9%200%2043.8-39.7%2018.7-58L530.8%20126.2a31.81%2031.81%200%200%200-37.6%200L111.3%20404c-25.1%2018.2-12.2%2058%2018.8%2058H192v374h-72c-4.4%200-8%203.6-8%208v52c0%204.4%203.6%208%208%208h784c4.4%200%208-3.6%208-8v-52c0-4.4-3.6-8-8-8h-72V462zM512%20196.7l271.1%20197.2H240.9zM264%20462h117v374H264zm189%200h117v374H453zm307%20374H642V462h118z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/bank-outlined.svg?color=%231a73e8&size=48
