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="M6 4C6 4 6 3 7 3L9 3C10 3 10 4 10 4L10 6C10 6 10 7 9 7L7 7C6 7 6 6 6 6L6 4ZM6 11C6 11 6 10 7 10L9 10C10 10 10 11 10 11L10 13C10 13 10 14 9 14L7 14C6 14 6 13 6 13L6 11ZM14 4C14 4 14 3 15 3L17 3C18 3 18 4 18 4L18 6C18 6 18 7 17 7L15 7C14 7 14 6 14 6L14 4ZM14 11C14 11 14 10 15 10L17 10C18 10 18 11 18 11L18 13C18 13 18 14 17 14L15 14C14 14 14 13 14 13L14 11ZM6 18C6 18 6 17 7 17L9 17C10 17 10 18 10 18L10 20C10 20 10 21 9 21L7 21C6 21 6 20 6 20L6 18ZM14 18C14 18 14 17 15 17L17 17C18 17 18 18 18 18L18 20C18 20 18 21 17 21L15 21C14 21 14 20 14 20L14 18Z" />
</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 {GridVerticalIcon} 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 GridVerticalIcon = () => (
    <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="M6 4C6 4 6 3 7 3L9 3C10 3 10 4 10 4L10 6C10 6 10 7 9 7L7 7C6 7 6 6 6 6L6 4ZM6 11C6 11 6 10 7 10L9 10C10 10 10 11 10 11L10 13C10 13 10 14 9 14L7 14C6 14 6 13 6 13L6 11ZM14 4C14 4 14 3 15 3L17 3C18 3 18 4 18 4L18 6C18 6 18 7 17 7L15 7C14 7 14 6 14 6L14 4ZM14 11C14 11 14 10 15 10L17 10C18 10 18 11 18 11L18 13C18 13 18 14 17 14L15 14C14 14 14 13 14 13L14 11ZM6 18C6 18 6 17 7 17L9 17C10 17 10 18 10 18L10 20C10 20 10 21 9 21L7 21C6 21 6 20 6 20L6 18ZM14 18C14 18 14 17 15 17L17 17C18 17 18 18 18 18L18 20C18 20 18 21 17 21L15 21C14 21 14 20 14 20L14 18Z" />
    </svg>
);

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