bold icon

bold-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name
bold-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
bold, bold-outline

The same icon in other sets

boldBoxIcons v2boldCodiconsboldFramework7 IconsboldFont Awesome 6 SolidboldFont Awesome SolidboldFeather IconsboldHeroIconsboldHuge IconsboldHumbleiconsboldIconoirboldJam IconsboldLine AwesomeboldLucideboldMajesticonsbold-fillMingCute IconboldOcticonsboldRemix IconboldTabler Iconsbold-outlineTeenyiconsboldUnicons

Use the bold icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M697.8 481.4c33.6-35 54.2-82.3 54.2-134.3v-10.2C752 229.3 663.9 142 555.3 142H259.4c-15.1 0-27.4 12.3-27.4 27.4v679.1c0 16.3 13.2 29.5 29.5 29.5h318.7c117 0 211.8-94.2 211.8-210.5v-11c0-73-37.4-137.3-94.2-175.1M328 238h224.7c57.1 0 103.3 44.4 103.3 99.3v9.5c0 54.8-46.3 99.3-103.3 99.3H328zm366.6 429.4c0 62.9-51.7 113.9-115.5 113.9H328V542.7h251.1c63.8 0 115.5 51 115.5 113.9z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignBoldOutlined(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="M697.8 481.4c33.6-35 54.2-82.3 54.2-134.3v-10.2C752 229.3 663.9 142 555.3 142H259.4c-15.1 0-27.4 12.3-27.4 27.4v679.1c0 16.3 13.2 29.5 29.5 29.5h318.7c117 0 211.8-94.2 211.8-210.5v-11c0-73-37.4-137.3-94.2-175.1M328 238h224.7c57.1 0 103.3 44.4 103.3 99.3v9.5c0 54.8-46.3 99.3-103.3 99.3H328zm366.6 429.4c0 62.9-51.7 113.9-115.5 113.9H328V542.7h251.1c63.8 0 115.5 51 115.5 113.9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M697.8 481.4c33.6-35 54.2-82.3 54.2-134.3v-10.2C752 229.3 663.9 142 555.3 142H259.4c-15.1 0-27.4 12.3-27.4 27.4v679.1c0 16.3 13.2 29.5 29.5 29.5h318.7c117 0 211.8-94.2 211.8-210.5v-11c0-73-37.4-137.3-94.2-175.1M328 238h224.7c57.1 0 103.3 44.4 103.3 99.3v9.5c0 54.8-46.3 99.3-103.3 99.3H328zm366.6 429.4c0 62.9-51.7 113.9-115.5 113.9H328V542.7h251.1c63.8 0 115.5 51 115.5 113.9z"/></svg>
</template>

CSS

.icon-bold-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%22M697.8%20481.4c33.6-35%2054.2-82.3%2054.2-134.3v-10.2C752%20229.3%20663.9%20142%20555.3%20142H259.4c-15.1%200-27.4%2012.3-27.4%2027.4v679.1c0%2016.3%2013.2%2029.5%2029.5%2029.5h318.7c117%200%20211.8-94.2%20211.8-210.5v-11c0-73-37.4-137.3-94.2-175.1M328%20238h224.7c57.1%200%20103.3%2044.4%20103.3%2099.3v9.5c0%2054.8-46.3%2099.3-103.3%2099.3H328zm366.6%20429.4c0%2062.9-51.7%20113.9-115.5%20113.9H328V542.7h251.1c63.8%200%20115.5%2051%20115.5%20113.9z%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%22M697.8%20481.4c33.6-35%2054.2-82.3%2054.2-134.3v-10.2C752%20229.3%20663.9%20142%20555.3%20142H259.4c-15.1%200-27.4%2012.3-27.4%2027.4v679.1c0%2016.3%2013.2%2029.5%2029.5%2029.5h318.7c117%200%20211.8-94.2%20211.8-210.5v-11c0-73-37.4-137.3-94.2-175.1M328%20238h224.7c57.1%200%20103.3%2044.4%20103.3%2099.3v9.5c0%2054.8-46.3%2099.3-103.3%2099.3H328zm366.6%20429.4c0%2062.9-51.7%20113.9-115.5%20113.9H328V542.7h251.1c63.8%200%20115.5%2051%20115.5%20113.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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