text square 2 icon

text-square-2-broken from Solar by 480 Design · Broken · Text Formatting · CC-BY-4.0 Attribution required.

Name
text-square-2-broken
Set
Solar
Style
Broken
Category
Text Formatting
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

text-square-2-boldtext-square-2-bold-duotonetext-square-2-line-duotonetext-square-2-lineartext-square-2-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-boldtext-bold-circle-boldtext-bold-square-boldtext-circle-boldtext-cross-boldtext-cross-circle-boldtext-cross-square-boldtext-field-bold

Use the text square 2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M12 3C7.74882 3 5.62323 3 4.30256 4.31802C3.298 5.32056 3.05755 6.78787 3 9.3M21 9.3C20.9424 6.78787 20.702 5.32056 19.6974 4.31802C18.8789 3.50116 17.7513 3.19056 16 3.07246M21 14.7C20.9424 17.2121 20.702 18.6794 19.6974 19.682C18.3768 21 16.2512 21 12 21C7.74882 21 5.62323 21 4.30256 19.682C3.29801 18.6794 3.05756 17.2121 3 14.7"/><path d="M8 8H16"/><path d="M12 16L12 8"/><path d="M22 12H20"/><path d="M4 12H2"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarTextSquare2Broken(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M12 3C7.74882 3 5.62323 3 4.30256 4.31802C3.298 5.32056 3.05755 6.78787 3 9.3M21 9.3C20.9424 6.78787 20.702 5.32056 19.6974 4.31802C18.8789 3.50116 17.7513 3.19056 16 3.07246M21 14.7C20.9424 17.2121 20.702 18.6794 19.6974 19.682C18.3768 21 16.2512 21 12 21C7.74882 21 5.62323 21 4.30256 19.682C3.29801 18.6794 3.05756 17.2121 3 14.7"/><path d="M8 8H16"/><path d="M12 16L12 8"/><path d="M22 12H20"/><path d="M4 12H2"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M12 3C7.74882 3 5.62323 3 4.30256 4.31802C3.298 5.32056 3.05755 6.78787 3 9.3M21 9.3C20.9424 6.78787 20.702 5.32056 19.6974 4.31802C18.8789 3.50116 17.7513 3.19056 16 3.07246M21 14.7C20.9424 17.2121 20.702 18.6794 19.6974 19.682C18.3768 21 16.2512 21 12 21C7.74882 21 5.62323 21 4.30256 19.682C3.29801 18.6794 3.05756 17.2121 3 14.7"/><path d="M8 8H16"/><path d="M12 16L12 8"/><path d="M22 12H20"/><path d="M4 12H2"/></g></svg>
</template>

CSS

.icon-text-square-2-broken {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%203C7.74882%203%205.62323%203%204.30256%204.31802C3.298%205.32056%203.05755%206.78787%203%209.3M21%209.3C20.9424%206.78787%2020.702%205.32056%2019.6974%204.31802C18.8789%203.50116%2017.7513%203.19056%2016%203.07246M21%2014.7C20.9424%2017.2121%2020.702%2018.6794%2019.6974%2019.682C18.3768%2021%2016.2512%2021%2012%2021C7.74882%2021%205.62323%2021%204.30256%2019.682C3.29801%2018.6794%203.05756%2017.2121%203%2014.7%22%2F%3E%3Cpath%20d%3D%22M8%208H16%22%2F%3E%3Cpath%20d%3D%22M12%2016L12%208%22%2F%3E%3Cpath%20d%3D%22M22%2012H20%22%2F%3E%3Cpath%20d%3D%22M4%2012H2%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%203C7.74882%203%205.62323%203%204.30256%204.31802C3.298%205.32056%203.05755%206.78787%203%209.3M21%209.3C20.9424%206.78787%2020.702%205.32056%2019.6974%204.31802C18.8789%203.50116%2017.7513%203.19056%2016%203.07246M21%2014.7C20.9424%2017.2121%2020.702%2018.6794%2019.6974%2019.682C18.3768%2021%2016.2512%2021%2012%2021C7.74882%2021%205.62323%2021%204.30256%2019.682C3.29801%2018.6794%203.05756%2017.2121%203%2014.7%22%2F%3E%3Cpath%20d%3D%22M8%208H16%22%2F%3E%3Cpath%20d%3D%22M12%2016L12%208%22%2F%3E%3Cpath%20d%3D%22M22%2012H20%22%2F%3E%3Cpath%20d%3D%22M4%2012H2%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-square-2-broken.svg?color=%231a73e8&size=48