text bold icon

text-bold-outline from Solar by 480 Design · Outline · Text Formatting · CC-BY-4.0 Attribution required.

Name
text-bold-outline
Set
Solar
Style
Outline
Category
Text Formatting
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

text-bold-boldtext-bold-bold-duotonetext-bold-brokentext-bold-line-duotonetext-bold-linear

The same icon in other sets

text-boldCarbontext-bold-16-filledFluent UI System Iconstext-boldHuge Iconstext-boldIconParktext-boldIconPark Outline

More text formatting icons from Solar

backspace-bolderaser-bolderaser-circle-bolderaser-square-boldlink-boldlink-broken-bold-duotonelink-circle-boldlink-minimalistic-2-boldlink-minimalistic-boldlink-round-angle-boldlink-round-boldlink-square-boldparagraph-spacing-boldquote-boldquote-circle-boldquote-square-boldtext-bold-circle-boldtext-bold-square-boldtext-circle-boldtext-cross-boldtext-cross-circle-boldtext-cross-square-boldtext-field-boldtext-field-focus-bold

Use the text bold icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.6087 1.25C5.75374 1.25 4.25 2.75374 4.25 4.6087V19.9412C4.25 21.4924 5.50755 22.75 7.05882 22.75H14C17.1756 22.75 19.75 20.1756 19.75 17C19.75 14.3824 18.0008 12.1732 15.6076 11.4777C16.9142 10.4237 17.75 8.80946 17.75 7C17.75 3.82436 15.1756 1.25 12 1.25H7.6087ZM12 11.25C14.3472 11.25 16.25 9.34721 16.25 7C16.25 4.65279 14.3472 2.75 12 2.75H7.6087C6.58217 2.75 5.75 3.58217 5.75 4.6087V11.25H12ZM5.75 12.75V19.9412C5.75 20.664 6.33598 21.25 7.05882 21.25H14C16.3472 21.25 18.25 19.3472 18.25 17C18.25 14.6528 16.3472 12.75 14 12.75H5.75Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function SolarTextBoldOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M7.6087 1.25C5.75374 1.25 4.25 2.75374 4.25 4.6087V19.9412C4.25 21.4924 5.50755 22.75 7.05882 22.75H14C17.1756 22.75 19.75 20.1756 19.75 17C19.75 14.3824 18.0008 12.1732 15.6076 11.4777C16.9142 10.4237 17.75 8.80946 17.75 7C17.75 3.82436 15.1756 1.25 12 1.25H7.6087ZM12 11.25C14.3472 11.25 16.25 9.34721 16.25 7C16.25 4.65279 14.3472 2.75 12 2.75H7.6087C6.58217 2.75 5.75 3.58217 5.75 4.6087V11.25H12ZM5.75 12.75V19.9412C5.75 20.664 6.33598 21.25 7.05882 21.25H14C16.3472 21.25 18.25 19.3472 18.25 17C18.25 14.6528 16.3472 12.75 14 12.75H5.75Z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.6087 1.25C5.75374 1.25 4.25 2.75374 4.25 4.6087V19.9412C4.25 21.4924 5.50755 22.75 7.05882 22.75H14C17.1756 22.75 19.75 20.1756 19.75 17C19.75 14.3824 18.0008 12.1732 15.6076 11.4777C16.9142 10.4237 17.75 8.80946 17.75 7C17.75 3.82436 15.1756 1.25 12 1.25H7.6087ZM12 11.25C14.3472 11.25 16.25 9.34721 16.25 7C16.25 4.65279 14.3472 2.75 12 2.75H7.6087C6.58217 2.75 5.75 3.58217 5.75 4.6087V11.25H12ZM5.75 12.75V19.9412C5.75 20.664 6.33598 21.25 7.05882 21.25H14C16.3472 21.25 18.25 19.3472 18.25 17C18.25 14.6528 16.3472 12.75 14 12.75H5.75Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-text-bold-outline {
  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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.6087%201.25C5.75374%201.25%204.25%202.75374%204.25%204.6087V19.9412C4.25%2021.4924%205.50755%2022.75%207.05882%2022.75H14C17.1756%2022.75%2019.75%2020.1756%2019.75%2017C19.75%2014.3824%2018.0008%2012.1732%2015.6076%2011.4777C16.9142%2010.4237%2017.75%208.80946%2017.75%207C17.75%203.82436%2015.1756%201.25%2012%201.25H7.6087ZM12%2011.25C14.3472%2011.25%2016.25%209.34721%2016.25%207C16.25%204.65279%2014.3472%202.75%2012%202.75H7.6087C6.58217%202.75%205.75%203.58217%205.75%204.6087V11.25H12ZM5.75%2012.75V19.9412C5.75%2020.664%206.33598%2021.25%207.05882%2021.25H14C16.3472%2021.25%2018.25%2019.3472%2018.25%2017C18.25%2014.6528%2016.3472%2012.75%2014%2012.75H5.75Z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.6087%201.25C5.75374%201.25%204.25%202.75374%204.25%204.6087V19.9412C4.25%2021.4924%205.50755%2022.75%207.05882%2022.75H14C17.1756%2022.75%2019.75%2020.1756%2019.75%2017C19.75%2014.3824%2018.0008%2012.1732%2015.6076%2011.4777C16.9142%2010.4237%2017.75%208.80946%2017.75%207C17.75%203.82436%2015.1756%201.25%2012%201.25H7.6087ZM12%2011.25C14.3472%2011.25%2016.25%209.34721%2016.25%207C16.25%204.65279%2014.3472%202.75%2012%202.75H7.6087C6.58217%202.75%205.75%203.58217%205.75%204.6087V11.25H12ZM5.75%2012.75V19.9412C5.75%2020.664%206.33598%2021.25%207.05882%2021.25H14C16.3472%2021.25%2018.25%2019.3472%2018.25%2017C18.25%2014.6528%2016.3472%2012.75%2014%2012.75H5.75Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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