Embed this icon within HTML

Copy and paste the following SVG code into your HTML file where you want the icon to appear. Then, you can customize the SVG attributes, such as size or color, using inline styling or CSS classes.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3C5 3 3 3 3 5M5 21C5 21 3 21 3 19M19 3C19 3 21 3 21 5M19 21C19 21 21 21 21 19M9 3L10 3M9 21L10 21M14 3L15 3M14 21L15 21M21 10L21 9M21 15L21 14M3 10L3 9M3 15L3 14M8 8L16 8M8 12L16 12M8 16L12 16" />
</svg>

Using as a React Component

You can integrate this icon in your React application using our React icons components. First install the package using YARN or NPM:

$ yarn add @josemi-icons/react

Now you can import this icon in your React application

import {TextSelectionIcon} from "@josemi-icons/react";

Alternatively, if you only need this icon jou can just copy and paste the following component into your React application:

const TextSelectionIcon = () => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
        <path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M5 3C5 3 3 3 3 5M5 21C5 21 3 21 3 19M19 3C19 3 21 3 21 5M19 21C19 21 21 21 21 19M9 3L10 3M9 21L10 21M14 3L15 3M14 21L15 21M21 10L21 9M21 15L21 14M3 10L3 9M3 15L3 14M8 8L16 8M8 12L16 12M8 16L12 16" />
    </svg>
);

You can now use the icon component in your React application like any other React component.