bold icon

bold from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.

Name
bold
Set
Codicons
Style
Regular
Viewbox
16×16
License
CC BY 4.0

The same icon in other sets

bold-outlinedAnt Design IconsboldBoxIcons v2boldFramework7 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 16 16"><path fill="currentColor" d="M4 3.1C4 2.5 4.5 2 5.1 2h3c2.1 0 3.4 1.4 3.4 3.4c0 .9-.3 2-.7 2.6c.8.6 1.4 1.2 1.4 2.5c0 2.7-2.1 3.5-3.6 3.5H5.1c-.6 0-1.1-.5-1.1-1.1zM6 9v3h2.4c.7 0 1.5-.5 1.5-1.5S9.1 9 8.4 9zm0-2h2.2c.9 0 1.5-.7 1.5-1.5S9.1 4 8.3 4H6z"/></svg>

React

import type { SVGProps } from "react";

export function CodiconBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4 3.1C4 2.5 4.5 2 5.1 2h3c2.1 0 3.4 1.4 3.4 3.4c0 .9-.3 2-.7 2.6c.8.6 1.4 1.2 1.4 2.5c0 2.7-2.1 3.5-3.6 3.5H5.1c-.6 0-1.1-.5-1.1-1.1zM6 9v3h2.4c.7 0 1.5-.5 1.5-1.5S9.1 9 8.4 9zm0-2h2.2c.9 0 1.5-.7 1.5-1.5S9.1 4 8.3 4H6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4 3.1C4 2.5 4.5 2 5.1 2h3c2.1 0 3.4 1.4 3.4 3.4c0 .9-.3 2-.7 2.6c.8.6 1.4 1.2 1.4 2.5c0 2.7-2.1 3.5-3.6 3.5H5.1c-.6 0-1.1-.5-1.1-1.1zM6 9v3h2.4c.7 0 1.5-.5 1.5-1.5S9.1 9 8.4 9zm0-2h2.2c.9 0 1.5-.7 1.5-1.5S9.1 4 8.3 4H6z"/></svg>
</template>

CSS

.icon-bold {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%203.1C4%202.5%204.5%202%205.1%202h3c2.1%200%203.4%201.4%203.4%203.4c0%20.9-.3%202-.7%202.6c.8.6%201.4%201.2%201.4%202.5c0%202.7-2.1%203.5-3.6%203.5H5.1c-.6%200-1.1-.5-1.1-1.1zM6%209v3h2.4c.7%200%201.5-.5%201.5-1.5S9.1%209%208.4%209zm0-2h2.2c.9%200%201.5-.7%201.5-1.5S9.1%204%208.3%204H6z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%203.1C4%202.5%204.5%202%205.1%202h3c2.1%200%203.4%201.4%203.4%203.4c0%20.9-.3%202-.7%202.6c.8.6%201.4%201.2%201.4%202.5c0%202.7-2.1%203.5-3.6%203.5H5.1c-.6%200-1.1-.5-1.1-1.1zM6%209v3h2.4c.7%200%201.5-.5%201.5-1.5S9.1%209%208.4%209zm0-2h2.2c.9%200%201.5-.7%201.5-1.5S9.1%204%208.3%204H6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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