text icon
text from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- text
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
textBoxIcons v2textCatppuccin Iconstext-fillEva Iconstext-12-filledFluent UI System IconstextHuge IconstextHumbleiconstextIconoirtextJam IconstextLucidetextMajesticonstextMaterial Design Iconstext-fillMingCute IcontextRadix IconstextRemix Icontext-boldSolartext-outlineTeenyiconstextUniconstext-outlinedWeUI Icon
Use the text icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m292.6 407.78l-120-320a22 22 0 0 0-41.2 0l-120 320a22 22 0 0 0 41.2 15.44l36.16-96.42a2 2 0 0 1 1.87-1.3h122.74a2 2 0 0 1 1.87 1.3l36.16 96.42a22 22 0 0 0 41.2-15.44m-185.84-129l43.37-115.65a2 2 0 0 1 3.74 0l43.37 115.67a2 2 0 0 1-1.87 2.7h-86.74a2 2 0 0 1-1.87-2.7ZM400.77 169.5c-41.72-.3-79.08 23.87-95 61.4a22 22 0 0 0 40.5 17.2c8.88-20.89 29.77-34.44 53.32-34.6c32.32-.22 58.41 26.5 58.41 58.85a1.5 1.5 0 0 1-1.45 1.5c-21.92.61-47.92 2.07-71.12 4.8c-54.75 6.44-87.43 36.29-87.43 79.85c0 23.19 8.76 44 24.67 58.68C337.6 430.93 358 438.5 380 438.5c31 0 57.69-8 77.94-23.22h.06a22 22 0 1 0 44 .19v-143c0-56.18-45-102.56-101.23-102.97M380 394.5c-17.53 0-38-9.43-38-36c0-10.67 3.83-18.14 12.43-24.23c8.37-5.93 21.2-10.16 36.14-11.92c21.12-2.49 44.82-3.86 65.14-4.47a2 2 0 0 1 2 2.1C455 370.1 429.46 394.5 380 394.5"/></svg>
React
import type { SVGProps } from "react";
export function IonText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m292.6 407.78l-120-320a22 22 0 0 0-41.2 0l-120 320a22 22 0 0 0 41.2 15.44l36.16-96.42a2 2 0 0 1 1.87-1.3h122.74a2 2 0 0 1 1.87 1.3l36.16 96.42a22 22 0 0 0 41.2-15.44m-185.84-129l43.37-115.65a2 2 0 0 1 3.74 0l43.37 115.67a2 2 0 0 1-1.87 2.7h-86.74a2 2 0 0 1-1.87-2.7ZM400.77 169.5c-41.72-.3-79.08 23.87-95 61.4a22 22 0 0 0 40.5 17.2c8.88-20.89 29.77-34.44 53.32-34.6c32.32-.22 58.41 26.5 58.41 58.85a1.5 1.5 0 0 1-1.45 1.5c-21.92.61-47.92 2.07-71.12 4.8c-54.75 6.44-87.43 36.29-87.43 79.85c0 23.19 8.76 44 24.67 58.68C337.6 430.93 358 438.5 380 438.5c31 0 57.69-8 77.94-23.22h.06a22 22 0 1 0 44 .19v-143c0-56.18-45-102.56-101.23-102.97M380 394.5c-17.53 0-38-9.43-38-36c0-10.67 3.83-18.14 12.43-24.23c8.37-5.93 21.2-10.16 36.14-11.92c21.12-2.49 44.82-3.86 65.14-4.47a2 2 0 0 1 2 2.1C455 370.1 429.46 394.5 380 394.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m292.6 407.78l-120-320a22 22 0 0 0-41.2 0l-120 320a22 22 0 0 0 41.2 15.44l36.16-96.42a2 2 0 0 1 1.87-1.3h122.74a2 2 0 0 1 1.87 1.3l36.16 96.42a22 22 0 0 0 41.2-15.44m-185.84-129l43.37-115.65a2 2 0 0 1 3.74 0l43.37 115.67a2 2 0 0 1-1.87 2.7h-86.74a2 2 0 0 1-1.87-2.7ZM400.77 169.5c-41.72-.3-79.08 23.87-95 61.4a22 22 0 0 0 40.5 17.2c8.88-20.89 29.77-34.44 53.32-34.6c32.32-.22 58.41 26.5 58.41 58.85a1.5 1.5 0 0 1-1.45 1.5c-21.92.61-47.92 2.07-71.12 4.8c-54.75 6.44-87.43 36.29-87.43 79.85c0 23.19 8.76 44 24.67 58.68C337.6 430.93 358 438.5 380 438.5c31 0 57.69-8 77.94-23.22h.06a22 22 0 1 0 44 .19v-143c0-56.18-45-102.56-101.23-102.97M380 394.5c-17.53 0-38-9.43-38-36c0-10.67 3.83-18.14 12.43-24.23c8.37-5.93 21.2-10.16 36.14-11.92c21.12-2.49 44.82-3.86 65.14-4.47a2 2 0 0 1 2 2.1C455 370.1 429.46 394.5 380 394.5"/></svg> </template>
CSS
.icon-text {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m292.6%20407.78l-120-320a22%2022%200%200%200-41.2%200l-120%20320a22%2022%200%200%200%2041.2%2015.44l36.16-96.42a2%202%200%200%201%201.87-1.3h122.74a2%202%200%200%201%201.87%201.3l36.16%2096.42a22%2022%200%200%200%2041.2-15.44m-185.84-129l43.37-115.65a2%202%200%200%201%203.74%200l43.37%20115.67a2%202%200%200%201-1.87%202.7h-86.74a2%202%200%200%201-1.87-2.7ZM400.77%20169.5c-41.72-.3-79.08%2023.87-95%2061.4a22%2022%200%200%200%2040.5%2017.2c8.88-20.89%2029.77-34.44%2053.32-34.6c32.32-.22%2058.41%2026.5%2058.41%2058.85a1.5%201.5%200%200%201-1.45%201.5c-21.92.61-47.92%202.07-71.12%204.8c-54.75%206.44-87.43%2036.29-87.43%2079.85c0%2023.19%208.76%2044%2024.67%2058.68C337.6%20430.93%20358%20438.5%20380%20438.5c31%200%2057.69-8%2077.94-23.22h.06a22%2022%200%201%200%2044%20.19v-143c0-56.18-45-102.56-101.23-102.97M380%20394.5c-17.53%200-38-9.43-38-36c0-10.67%203.83-18.14%2012.43-24.23c8.37-5.93%2021.2-10.16%2036.14-11.92c21.12-2.49%2044.82-3.86%2065.14-4.47a2%202%200%200%201%202%202.1C455%20370.1%20429.46%20394.5%20380%20394.5%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m292.6%20407.78l-120-320a22%2022%200%200%200-41.2%200l-120%20320a22%2022%200%200%200%2041.2%2015.44l36.16-96.42a2%202%200%200%201%201.87-1.3h122.74a2%202%200%200%201%201.87%201.3l36.16%2096.42a22%2022%200%200%200%2041.2-15.44m-185.84-129l43.37-115.65a2%202%200%200%201%203.74%200l43.37%20115.67a2%202%200%200%201-1.87%202.7h-86.74a2%202%200%200%201-1.87-2.7ZM400.77%20169.5c-41.72-.3-79.08%2023.87-95%2061.4a22%2022%200%200%200%2040.5%2017.2c8.88-20.89%2029.77-34.44%2053.32-34.6c32.32-.22%2058.41%2026.5%2058.41%2058.85a1.5%201.5%200%200%201-1.45%201.5c-21.92.61-47.92%202.07-71.12%204.8c-54.75%206.44-87.43%2036.29-87.43%2079.85c0%2023.19%208.76%2044%2024.67%2058.68C337.6%20430.93%20358%20438.5%20380%20438.5c31%200%2057.69-8%2077.94-23.22h.06a22%2022%200%201%200%2044%20.19v-143c0-56.18-45-102.56-101.23-102.97M380%20394.5c-17.53%200-38-9.43-38-36c0-10.67%203.83-18.14%2012.43-24.23c8.37-5.93%2021.2-10.16%2036.14-11.92c21.12-2.49%2044.82-3.86%2065.14-4.47a2%202%200%200%201%202%202.1C455%20370.1%20429.46%20394.5%20380%20394.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/text.svg?color=%231a73e8&size=48
