text square 2 icon

text-square-2-line-duotone from Solar by 480 Design · Line Duotone · Text Formatting · CC-BY-4.0 Attribution required.

Name
text-square-2-line-duotone
Set
Solar
Style
Line Duotone
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-brokentext-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="M21 9.3C20.9424 6.78787 20.702 5.32056 19.6974 4.31802C18.3768 3 16.2512 3 12 3C7.74882 3 5.62323 3 4.30256 4.31802C3.298 5.32056 3.05755 6.78787 3 9.3M21 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" opacity=".5"/><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 SolarTextSquare2LineDuotone(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="M21 9.3C20.9424 6.78787 20.702 5.32056 19.6974 4.31802C18.3768 3 16.2512 3 12 3C7.74882 3 5.62323 3 4.30256 4.31802C3.298 5.32056 3.05755 6.78787 3 9.3M21 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" opacity=".5"/><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="M21 9.3C20.9424 6.78787 20.702 5.32056 19.6974 4.31802C18.3768 3 16.2512 3 12 3C7.74882 3 5.62323 3 4.30256 4.31802C3.298 5.32056 3.05755 6.78787 3 9.3M21 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" opacity=".5"/><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-line-duotone {
  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%22M21%209.3C20.9424%206.78787%2020.702%205.32056%2019.6974%204.31802C18.3768%203%2016.2512%203%2012%203C7.74882%203%205.62323%203%204.30256%204.31802C3.298%205.32056%203.05755%206.78787%203%209.3M21%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%20opacity%3D%22.5%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%22M21%209.3C20.9424%206.78787%2020.702%205.32056%2019.6974%204.31802C18.3768%203%2016.2512%203%2012%203C7.74882%203%205.62323%203%204.30256%204.31802C3.298%205.32056%203.05755%206.78787%203%209.3M21%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%20opacity%3D%22.5%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-line-duotone.svg?color=%231a73e8&size=48