Text Cross icon

Text Cross icon in outline, twotone, bold and bulk. Free in all four styles, for editors, typography, links, translation. Copy the SVG, the React, Vue or Svelte component, or download a PNG.

All four styles

Outline

Full linework, every stroke at 1.5px. The reference drawing.

TwoTone

The same linework, with secondary strokes dropped to half tone.

Bold

No strokes at all. One filled form, cut with even-odd holes.

Bulk

Filled, with the secondary mass at half tone.

Copy it

React

import { IconTextCross } from "@devigner-ui/icons";

<IconTextCross className="size-6" />

Vue

<script setup>
import { IconTextCross } from "@devigner-ui/icons-vue";
</script>

<template>
  <IconTextCross class="size-6" />
</template>

Svelte

<script>
  import { IconTextCross } from "@devigner-ui/icons-svelte";
</script>

<IconTextCross class="size-6" />

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M12 3H8c-1.89 0-2.83 0-3.41.59C4 4.17 4 5.1 4 7v.95M12 3h4c1.89 0 2.83 0 3.41.59C20 4.17 20 5.1 20 7v.95M12 3v18m-5 0h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 12h16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>

Category

Typography & Text Formatting

Styles

outline, twotone, bold, bulk, free in all four styles

Used for

editors, typography, links, translation

Also called

text, cross, path, curved, smooth, arc, curve, closed, close, cancel, remove, delete, multiply, document

More Typography & Text Formatting icons

• Attach Circle
• Attach Square
• Backspace
• Eraser
• Eraser2
• Eraser Circle
• Eraser Square
• Firstline
• Language Circle
• Language Square
• Link
• Link2
• Link3
• Link Broken
• Link Broken Minimalistic
• Link Circle
• Link Circle2
• Link Minimalistic
• Link Minimalistic2
• Link Round
• Link Round Angle
• Link Square
• Link Square2
• Paragraph Spacing

All Typography & Text Formatting icons

Browse all 8,584 icons