Grid Vertical icon

rivet-icons:grid-vertical

The Grid Vertical icon (rivet-icons:grid-vertical) is a free SVG icon from the Rivet Icons set by Indiana University. It is drawn on a 24 × 24 grid. Rivet Icons are released under the BSD 3-Clause license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Rivet Icons
Author: Indiana University
License: BSD-3-Clause
Size: 24 × 24
Tags: gridvertical

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 1v2H3V1zm4 2V1H7v2zm4 0V1h-2v2zm0 4V5h-2v2zM9 5v2H7V5zM5 7V5H3v2zm8 2v2h-2V9zm0 6v-2h-2v2zM9 9v2H7V9zm0 6v-2H7v2zM5 9v2H3V9zm0 6v-2H3v2z"/></svg>

How to use the Grid Vertical icon

React

import { Icon } from "@iconify/react";

<Icon icon="rivet-icons:grid-vertical" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="rivet-icons:grid-vertical" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="rivet-icons:grid-vertical" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[rivet-icons--grid-vertical]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/rivet-icons -->
<div class="i-rivet-icons:grid-vertical"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="rivet-icons:grid-vertical"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/rivet-icons/grid-vertical.svg" alt="Grid Vertical icon" width="24" height="24">

Related icons in Rivet Icons

Grid Vertical icon in other icon sets

Grid Vertical icon FAQ

Is the Grid Vertical icon free for commercial use?

Yes. Rivet Icons are released under the BSD 3-Clause license, which allows use in personal and commercial projects.

How do I use the Grid Vertical icon in React?

Install @iconify/react and render <Icon icon="rivet-icons:grid-vertical" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Grid Vertical icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/rivet-icons/grid-vertical.svg" alt="Grid Vertical icon">, or paste the SVG code inline to style it with CSS.

Browse all Rivet Icons →