text bold circle icon
text-bold-circle-bold from Solar by 480 Design · Bold · Text Formatting · CC-BY-4.0 Attribution required.
- Name
- text-bold-circle-bold
- Set
- Solar
- Style
- Bold
- Category
- Text Formatting
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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-boldtext-bold-square-boldtext-circle-boldtext-cross-boldtext-cross-circle-boldtext-cross-square-boldtext-field-boldtext-field-focus-bold
Use the text bold circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 11.25H12C13.2426 11.25 14.25 10.2426 14.25 9C14.25 7.75736 13.2426 6.75 12 6.75H9.52174C9.09552 6.75 8.75 7.09552 8.75 7.52174V11.25Z"/><path d="M8.75 12.75V16.8235C8.75 17.0591 8.94094 17.25 9.17647 17.25H13C14.2426 17.25 15.25 16.2426 15.25 15C15.25 13.7574 14.2426 12.75 13 12.75H8.75Z"/><path fill-rule="evenodd" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM7.25 7.52174C7.25 6.26709 8.26709 5.25 9.52174 5.25H12C14.0711 5.25 15.75 6.92893 15.75 9C15.75 10.029 15.3356 10.9612 14.6645 11.6387C15.9004 12.2519 16.75 13.5268 16.75 15C16.75 17.0711 15.0711 18.75 13 18.75H9.17647C8.11251 18.75 7.25 17.8875 7.25 16.8235V7.52174Z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTextBoldCircleBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 11.25H12C13.2426 11.25 14.25 10.2426 14.25 9C14.25 7.75736 13.2426 6.75 12 6.75H9.52174C9.09552 6.75 8.75 7.09552 8.75 7.52174V11.25Z"/><path d="M8.75 12.75V16.8235C8.75 17.0591 8.94094 17.25 9.17647 17.25H13C14.2426 17.25 15.25 16.2426 15.25 15C15.25 13.7574 14.2426 12.75 13 12.75H8.75Z"/><path fillRule="evenodd" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM7.25 7.52174C7.25 6.26709 8.26709 5.25 9.52174 5.25H12C14.0711 5.25 15.75 6.92893 15.75 9C15.75 10.029 15.3356 10.9612 14.6645 11.6387C15.9004 12.2519 16.75 13.5268 16.75 15C16.75 17.0711 15.0711 18.75 13 18.75H9.17647C8.11251 18.75 7.25 17.8875 7.25 16.8235V7.52174Z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 11.25H12C13.2426 11.25 14.25 10.2426 14.25 9C14.25 7.75736 13.2426 6.75 12 6.75H9.52174C9.09552 6.75 8.75 7.09552 8.75 7.52174V11.25Z"/><path d="M8.75 12.75V16.8235C8.75 17.0591 8.94094 17.25 9.17647 17.25H13C14.2426 17.25 15.25 16.2426 15.25 15C15.25 13.7574 14.2426 12.75 13 12.75H8.75Z"/><path fill-rule="evenodd" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM7.25 7.52174C7.25 6.26709 8.26709 5.25 9.52174 5.25H12C14.0711 5.25 15.75 6.92893 15.75 9C15.75 10.029 15.3356 10.9612 14.6645 11.6387C15.9004 12.2519 16.75 13.5268 16.75 15C16.75 17.0711 15.0711 18.75 13 18.75H9.17647C8.11251 18.75 7.25 17.8875 7.25 16.8235V7.52174Z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-text-bold-circle-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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.75%2011.25H12C13.2426%2011.25%2014.25%2010.2426%2014.25%209C14.25%207.75736%2013.2426%206.75%2012%206.75H9.52174C9.09552%206.75%208.75%207.09552%208.75%207.52174V11.25Z%22%2F%3E%3Cpath%20d%3D%22M8.75%2012.75V16.8235C8.75%2017.0591%208.94094%2017.25%209.17647%2017.25H13C14.2426%2017.25%2015.25%2016.2426%2015.25%2015C15.25%2013.7574%2014.2426%2012.75%2013%2012.75H8.75Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012ZM7.25%207.52174C7.25%206.26709%208.26709%205.25%209.52174%205.25H12C14.0711%205.25%2015.75%206.92893%2015.75%209C15.75%2010.029%2015.3356%2010.9612%2014.6645%2011.6387C15.9004%2012.2519%2016.75%2013.5268%2016.75%2015C16.75%2017.0711%2015.0711%2018.75%2013%2018.75H9.17647C8.11251%2018.75%207.25%2017.8875%207.25%2016.8235V7.52174Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.75%2011.25H12C13.2426%2011.25%2014.25%2010.2426%2014.25%209C14.25%207.75736%2013.2426%206.75%2012%206.75H9.52174C9.09552%206.75%208.75%207.09552%208.75%207.52174V11.25Z%22%2F%3E%3Cpath%20d%3D%22M8.75%2012.75V16.8235C8.75%2017.0591%208.94094%2017.25%209.17647%2017.25H13C14.2426%2017.25%2015.25%2016.2426%2015.25%2015C15.25%2013.7574%2014.2426%2012.75%2013%2012.75H8.75Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012ZM7.25%207.52174C7.25%206.26709%208.26709%205.25%209.52174%205.25H12C14.0711%205.25%2015.75%206.92893%2015.75%209C15.75%2010.029%2015.3356%2010.9612%2014.6645%2011.6387C15.9004%2012.2519%2016.75%2013.5268%2016.75%2015C16.75%2017.0711%2015.0711%2018.75%2013%2018.75H9.17647C8.11251%2018.75%207.25%2017.8875%207.25%2016.8235V7.52174Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/text-bold-circle-bold.svg?color=%231a73e8&size=48
