text icon

text-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: text-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

textBoxIcons v2 textCatppuccin Icons text-fillEva Icons text-12-filledFluent UI System Icons textHuge Icons textHumbleicons textIconoir textJam Icons textLucide textMajesticons textMaterial Design Icons text-fillMingCute Icon textRadix Icons textRemix Icon text-boldSolar text-outlineTeenyicons textUnicons text-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="M404.42 170c-41.23 0-78.07 24.06-93.85 61.3L304 246.52l40.33 17.18l6.56-15.22c8.9-21 29.91-34.55 53.53-34.55c34.55 0 57.76 23.27 57.76 57.91v2.3c-22.12.59-48.65 2.05-72.27 4.84c-54.52 6.43-87.06 36.23-87.06 79.72c0 23.16 8.72 44 24.56 58.59C342.28 431 362.55 438 384.51 438c30.86 0 57.5-7.33 77.67-22.64V438H506V271.84C506 212.83 463.28 170 404.42 170m-19.91 225.07c-17.46 0-37.85-9.84-37.85-36.37c0-10.65 3.82-18.11 12.38-24.19c8.34-5.92 21.12-10.15 36-11.9c21.78-2.57 46.31-3.95 67-4.52c-2.16 51.49-27.57 76.98-77.53 76.98m-291.26-69.2h125.5L260.94 438H308L155 48L4 438h47.06ZM156 160.71L202.25 282h-92.5Z"/></svg>

React

import type { SVGProps } from "react";

export function IonTextSharp(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="M404.42 170c-41.23 0-78.07 24.06-93.85 61.3L304 246.52l40.33 17.18l6.56-15.22c8.9-21 29.91-34.55 53.53-34.55c34.55 0 57.76 23.27 57.76 57.91v2.3c-22.12.59-48.65 2.05-72.27 4.84c-54.52 6.43-87.06 36.23-87.06 79.72c0 23.16 8.72 44 24.56 58.59C342.28 431 362.55 438 384.51 438c30.86 0 57.5-7.33 77.67-22.64V438H506V271.84C506 212.83 463.28 170 404.42 170m-19.91 225.07c-17.46 0-37.85-9.84-37.85-36.37c0-10.65 3.82-18.11 12.38-24.19c8.34-5.92 21.12-10.15 36-11.9c21.78-2.57 46.31-3.95 67-4.52c-2.16 51.49-27.57 76.98-77.53 76.98m-291.26-69.2h125.5L260.94 438H308L155 48L4 438h47.06ZM156 160.71L202.25 282h-92.5Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M404.42 170c-41.23 0-78.07 24.06-93.85 61.3L304 246.52l40.33 17.18l6.56-15.22c8.9-21 29.91-34.55 53.53-34.55c34.55 0 57.76 23.27 57.76 57.91v2.3c-22.12.59-48.65 2.05-72.27 4.84c-54.52 6.43-87.06 36.23-87.06 79.72c0 23.16 8.72 44 24.56 58.59C342.28 431 362.55 438 384.51 438c30.86 0 57.5-7.33 77.67-22.64V438H506V271.84C506 212.83 463.28 170 404.42 170m-19.91 225.07c-17.46 0-37.85-9.84-37.85-36.37c0-10.65 3.82-18.11 12.38-24.19c8.34-5.92 21.12-10.15 36-11.9c21.78-2.57 46.31-3.95 67-4.52c-2.16 51.49-27.57 76.98-77.53 76.98m-291.26-69.2h125.5L260.94 438H308L155 48L4 438h47.06ZM156 160.71L202.25 282h-92.5Z"/></svg>
</template>

CSS

.icon-text-sharp {
  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%22M404.42%20170c-41.23%200-78.07%2024.06-93.85%2061.3L304%20246.52l40.33%2017.18l6.56-15.22c8.9-21%2029.91-34.55%2053.53-34.55c34.55%200%2057.76%2023.27%2057.76%2057.91v2.3c-22.12.59-48.65%202.05-72.27%204.84c-54.52%206.43-87.06%2036.23-87.06%2079.72c0%2023.16%208.72%2044%2024.56%2058.59C342.28%20431%20362.55%20438%20384.51%20438c30.86%200%2057.5-7.33%2077.67-22.64V438H506V271.84C506%20212.83%20463.28%20170%20404.42%20170m-19.91%20225.07c-17.46%200-37.85-9.84-37.85-36.37c0-10.65%203.82-18.11%2012.38-24.19c8.34-5.92%2021.12-10.15%2036-11.9c21.78-2.57%2046.31-3.95%2067-4.52c-2.16%2051.49-27.57%2076.98-77.53%2076.98m-291.26-69.2h125.5L260.94%20438H308L155%2048L4%20438h47.06ZM156%20160.71L202.25%20282h-92.5Z%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%22M404.42%20170c-41.23%200-78.07%2024.06-93.85%2061.3L304%20246.52l40.33%2017.18l6.56-15.22c8.9-21%2029.91-34.55%2053.53-34.55c34.55%200%2057.76%2023.27%2057.76%2057.91v2.3c-22.12.59-48.65%202.05-72.27%204.84c-54.52%206.43-87.06%2036.23-87.06%2079.72c0%2023.16%208.72%2044%2024.56%2058.59C342.28%20431%20362.55%20438%20384.51%20438c30.86%200%2057.5-7.33%2077.67-22.64V438H506V271.84C506%20212.83%20463.28%20170%20404.42%20170m-19.91%20225.07c-17.46%200-37.85-9.84-37.85-36.37c0-10.65%203.82-18.11%2012.38-24.19c8.34-5.92%2021.12-10.15%2036-11.9c21.78-2.57%2046.31-3.95%2067-4.52c-2.16%2051.49-27.57%2076.98-77.53%2076.98m-291.26-69.2h125.5L260.94%20438H308L155%2048L4%20438h47.06ZM156%20160.71L202.25%20282h-92.5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/text-sharp.svg?color=%231a73e8&size=48