text circle icon
text-circle-outline from Solar by 480 Design · Outline · Text Formatting · CC-BY-4.0 Attribution required.
- Name
- text-circle-outline
- Set
- Solar
- Style
- Outline
- Category
- Text Formatting
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
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-circle-boldtext-bold-square-boldtext-cross-boldtext-cross-circle-boldtext-cross-square-boldtext-field-boldtext-field-focus-bold
Use the text 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="M9.95197 6.25C9.52211 6.24993 9.12024 6.24986 8.79192 6.29891C8.42102 6.35432 8.04 6.4853 7.73542 6.82371C7.44103 7.15082 7.3371 7.54061 7.29204 7.91294C7.24993 8.26096 7.24996 8.69238 7.25 9.17954L7.25 9.75C7.25 10.1642 7.58579 10.5 8 10.5C8.41421 10.5 8.75 10.1642 8.75 9.75V9.22222C8.75 8.67931 8.75129 8.34011 8.78118 8.09313C8.7952 7.97725 8.81273 7.91048 8.8269 7.87221C8.83885 7.83993 8.84739 7.83046 8.85023 7.82731L8.85104 7.82637C8.8524 7.82473 8.8534 7.82353 8.86242 7.8194C8.87904 7.8118 8.92168 7.79617 9.01354 7.78245C9.21765 7.75196 9.50511 7.75 10 7.75H11.25V16.25H9.5C9.08579 16.25 8.75 16.5858 8.75 17C8.75 17.4142 9.08579 17.75 9.5 17.75H15C15.4142 17.75 15.75 17.4142 15.75 17C15.75 16.5858 15.4142 16.25 15 16.25H12.75V7.75H14C14.4949 7.75 14.7824 7.75196 14.9865 7.78245C15.0783 7.79617 15.121 7.8118 15.1376 7.8194C15.1466 7.82353 15.1476 7.82473 15.149 7.82637L15.1496 7.82716C15.1525 7.83031 15.1611 7.83993 15.1731 7.87221C15.1873 7.91048 15.2048 7.97725 15.2188 8.09313C15.2487 8.34011 15.25 8.67931 15.25 9.22222V9.75C15.25 10.1642 15.5858 10.5 16 10.5C16.4142 10.5 16.75 10.1642 16.75 9.75L16.75 9.17953C16.75 8.69238 16.7501 8.26096 16.708 7.91294C16.6629 7.54061 16.559 7.15082 16.2646 6.82371C15.96 6.4853 15.579 6.35432 15.2081 6.29891C14.8798 6.24986 14.4779 6.24993 14.048 6.25H9.95197Z"/><path fill-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTextCircleOutline(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="M9.95197 6.25C9.52211 6.24993 9.12024 6.24986 8.79192 6.29891C8.42102 6.35432 8.04 6.4853 7.73542 6.82371C7.44103 7.15082 7.3371 7.54061 7.29204 7.91294C7.24993 8.26096 7.24996 8.69238 7.25 9.17954L7.25 9.75C7.25 10.1642 7.58579 10.5 8 10.5C8.41421 10.5 8.75 10.1642 8.75 9.75V9.22222C8.75 8.67931 8.75129 8.34011 8.78118 8.09313C8.7952 7.97725 8.81273 7.91048 8.8269 7.87221C8.83885 7.83993 8.84739 7.83046 8.85023 7.82731L8.85104 7.82637C8.8524 7.82473 8.8534 7.82353 8.86242 7.8194C8.87904 7.8118 8.92168 7.79617 9.01354 7.78245C9.21765 7.75196 9.50511 7.75 10 7.75H11.25V16.25H9.5C9.08579 16.25 8.75 16.5858 8.75 17C8.75 17.4142 9.08579 17.75 9.5 17.75H15C15.4142 17.75 15.75 17.4142 15.75 17C15.75 16.5858 15.4142 16.25 15 16.25H12.75V7.75H14C14.4949 7.75 14.7824 7.75196 14.9865 7.78245C15.0783 7.79617 15.121 7.8118 15.1376 7.8194C15.1466 7.82353 15.1476 7.82473 15.149 7.82637L15.1496 7.82716C15.1525 7.83031 15.1611 7.83993 15.1731 7.87221C15.1873 7.91048 15.2048 7.97725 15.2188 8.09313C15.2487 8.34011 15.25 8.67931 15.25 9.22222V9.75C15.25 10.1642 15.5858 10.5 16 10.5C16.4142 10.5 16.75 10.1642 16.75 9.75L16.75 9.17953C16.75 8.69238 16.7501 8.26096 16.708 7.91294C16.6629 7.54061 16.559 7.15082 16.2646 6.82371C15.96 6.4853 15.579 6.35432 15.2081 6.29891C14.8798 6.24986 14.4779 6.24993 14.048 6.25H9.95197Z"/><path fillRule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" 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="M9.95197 6.25C9.52211 6.24993 9.12024 6.24986 8.79192 6.29891C8.42102 6.35432 8.04 6.4853 7.73542 6.82371C7.44103 7.15082 7.3371 7.54061 7.29204 7.91294C7.24993 8.26096 7.24996 8.69238 7.25 9.17954L7.25 9.75C7.25 10.1642 7.58579 10.5 8 10.5C8.41421 10.5 8.75 10.1642 8.75 9.75V9.22222C8.75 8.67931 8.75129 8.34011 8.78118 8.09313C8.7952 7.97725 8.81273 7.91048 8.8269 7.87221C8.83885 7.83993 8.84739 7.83046 8.85023 7.82731L8.85104 7.82637C8.8524 7.82473 8.8534 7.82353 8.86242 7.8194C8.87904 7.8118 8.92168 7.79617 9.01354 7.78245C9.21765 7.75196 9.50511 7.75 10 7.75H11.25V16.25H9.5C9.08579 16.25 8.75 16.5858 8.75 17C8.75 17.4142 9.08579 17.75 9.5 17.75H15C15.4142 17.75 15.75 17.4142 15.75 17C15.75 16.5858 15.4142 16.25 15 16.25H12.75V7.75H14C14.4949 7.75 14.7824 7.75196 14.9865 7.78245C15.0783 7.79617 15.121 7.8118 15.1376 7.8194C15.1466 7.82353 15.1476 7.82473 15.149 7.82637L15.1496 7.82716C15.1525 7.83031 15.1611 7.83993 15.1731 7.87221C15.1873 7.91048 15.2048 7.97725 15.2188 8.09313C15.2487 8.34011 15.25 8.67931 15.25 9.22222V9.75C15.25 10.1642 15.5858 10.5 16 10.5C16.4142 10.5 16.75 10.1642 16.75 9.75L16.75 9.17953C16.75 8.69238 16.7501 8.26096 16.708 7.91294C16.6629 7.54061 16.559 7.15082 16.2646 6.82371C15.96 6.4853 15.579 6.35432 15.2081 6.29891C14.8798 6.24986 14.4779 6.24993 14.048 6.25H9.95197Z"/><path fill-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-text-circle-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.95197%206.25C9.52211%206.24993%209.12024%206.24986%208.79192%206.29891C8.42102%206.35432%208.04%206.4853%207.73542%206.82371C7.44103%207.15082%207.3371%207.54061%207.29204%207.91294C7.24993%208.26096%207.24996%208.69238%207.25%209.17954L7.25%209.75C7.25%2010.1642%207.58579%2010.5%208%2010.5C8.41421%2010.5%208.75%2010.1642%208.75%209.75V9.22222C8.75%208.67931%208.75129%208.34011%208.78118%208.09313C8.7952%207.97725%208.81273%207.91048%208.8269%207.87221C8.83885%207.83993%208.84739%207.83046%208.85023%207.82731L8.85104%207.82637C8.8524%207.82473%208.8534%207.82353%208.86242%207.8194C8.87904%207.8118%208.92168%207.79617%209.01354%207.78245C9.21765%207.75196%209.50511%207.75%2010%207.75H11.25V16.25H9.5C9.08579%2016.25%208.75%2016.5858%208.75%2017C8.75%2017.4142%209.08579%2017.75%209.5%2017.75H15C15.4142%2017.75%2015.75%2017.4142%2015.75%2017C15.75%2016.5858%2015.4142%2016.25%2015%2016.25H12.75V7.75H14C14.4949%207.75%2014.7824%207.75196%2014.9865%207.78245C15.0783%207.79617%2015.121%207.8118%2015.1376%207.8194C15.1466%207.82353%2015.1476%207.82473%2015.149%207.82637L15.1496%207.82716C15.1525%207.83031%2015.1611%207.83993%2015.1731%207.87221C15.1873%207.91048%2015.2048%207.97725%2015.2188%208.09313C15.2487%208.34011%2015.25%208.67931%2015.25%209.22222V9.75C15.25%2010.1642%2015.5858%2010.5%2016%2010.5C16.4142%2010.5%2016.75%2010.1642%2016.75%209.75L16.75%209.17953C16.75%208.69238%2016.7501%208.26096%2016.708%207.91294C16.6629%207.54061%2016.559%207.15082%2016.2646%206.82371C15.96%206.4853%2015.579%206.35432%2015.2081%206.29891C14.8798%206.24986%2014.4779%206.24993%2014.048%206.25H9.95197Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.25C6.06294%201.25%201.25%206.06294%201.25%2012C1.25%2017.9371%206.06294%2022.75%2012%2022.75C17.9371%2022.75%2022.75%2017.9371%2022.75%2012C22.75%206.06294%2017.9371%201.25%2012%201.25ZM2.75%2012C2.75%206.89137%206.89137%202.75%2012%202.75C17.1086%202.75%2021.25%206.89137%2021.25%2012C21.25%2017.1086%2017.1086%2021.25%2012%2021.25C6.89137%2021.25%202.75%2017.1086%202.75%2012Z%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%22M9.95197%206.25C9.52211%206.24993%209.12024%206.24986%208.79192%206.29891C8.42102%206.35432%208.04%206.4853%207.73542%206.82371C7.44103%207.15082%207.3371%207.54061%207.29204%207.91294C7.24993%208.26096%207.24996%208.69238%207.25%209.17954L7.25%209.75C7.25%2010.1642%207.58579%2010.5%208%2010.5C8.41421%2010.5%208.75%2010.1642%208.75%209.75V9.22222C8.75%208.67931%208.75129%208.34011%208.78118%208.09313C8.7952%207.97725%208.81273%207.91048%208.8269%207.87221C8.83885%207.83993%208.84739%207.83046%208.85023%207.82731L8.85104%207.82637C8.8524%207.82473%208.8534%207.82353%208.86242%207.8194C8.87904%207.8118%208.92168%207.79617%209.01354%207.78245C9.21765%207.75196%209.50511%207.75%2010%207.75H11.25V16.25H9.5C9.08579%2016.25%208.75%2016.5858%208.75%2017C8.75%2017.4142%209.08579%2017.75%209.5%2017.75H15C15.4142%2017.75%2015.75%2017.4142%2015.75%2017C15.75%2016.5858%2015.4142%2016.25%2015%2016.25H12.75V7.75H14C14.4949%207.75%2014.7824%207.75196%2014.9865%207.78245C15.0783%207.79617%2015.121%207.8118%2015.1376%207.8194C15.1466%207.82353%2015.1476%207.82473%2015.149%207.82637L15.1496%207.82716C15.1525%207.83031%2015.1611%207.83993%2015.1731%207.87221C15.1873%207.91048%2015.2048%207.97725%2015.2188%208.09313C15.2487%208.34011%2015.25%208.67931%2015.25%209.22222V9.75C15.25%2010.1642%2015.5858%2010.5%2016%2010.5C16.4142%2010.5%2016.75%2010.1642%2016.75%209.75L16.75%209.17953C16.75%208.69238%2016.7501%208.26096%2016.708%207.91294C16.6629%207.54061%2016.559%207.15082%2016.2646%206.82371C15.96%206.4853%2015.579%206.35432%2015.2081%206.29891C14.8798%206.24986%2014.4779%206.24993%2014.048%206.25H9.95197Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.25C6.06294%201.25%201.25%206.06294%201.25%2012C1.25%2017.9371%206.06294%2022.75%2012%2022.75C17.9371%2022.75%2022.75%2017.9371%2022.75%2012C22.75%206.06294%2017.9371%201.25%2012%201.25ZM2.75%2012C2.75%206.89137%206.89137%202.75%2012%202.75C17.1086%202.75%2021.25%206.89137%2021.25%2012C21.25%2017.1086%2017.1086%2021.25%2012%2021.25C6.89137%2021.25%202.75%2017.1086%202.75%2012Z%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-circle-outline.svg?color=%231a73e8&size=48
