ICONYZ
English
Grid 2x2 Close Outline icon from Solar

Grid 2x2 Close Outline icon

solar:grid-2x2-close-outline

The Grid 2x2 Close Outline icon (solar:grid-2x2-close-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Solar
Author
480 Design
License
CC-BY-4.0
Size
24 × 24
Tags
grid2x2, 2x2close, closeoutline, grid2x2closeoutline
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12 1.25C14.3356 1.25 16.1628 1.24817 17.5859 1.43945C19.0307 1.63369 20.1706 2.03976 21.0654 2.93457C21.9602 3.82938 22.3663 4.96933 22.5605 6.41406C22.7494 7.81887 22.749 9.61747 22.749 11.9102C22.7522 11.9381 22.7549 11.9663 22.7549 11.9951C22.7549 12.4093 22.4191 12.7451 22.0049 12.7451H12.75V22C12.75 22.4142 12.4142 22.75 12 22.75C9.66439 22.75 7.83717 22.7518 6.41406 22.5605C4.96933 22.3663 3.82938 21.9602 2.93457 21.0654C2.03976 20.1706 1.63369 19.0307 1.43945 17.5859C1.24817 16.1628 1.25 14.3356 1.25 12C1.25 9.66439 1.24817 7.83717 1.43945 6.41406C1.63369 4.96933 2.03976 3.82938 2.93457 2.93457C3.82938 2.03976 4.96933 1.63369 6.41406 1.43945C7.83717 1.24817 9.66439 1.25 12 1.25ZM2.75098 12.7451C2.75312 14.7413 2.7708 16.2267 2.92676 17.3867C3.09865 18.6649 3.42551 19.4353 3.99512 20.0049C4.56472 20.5745 5.33508 20.9014 6.61328 21.0732C7.77237 21.2291 9.25623 21.2459 11.25 21.248V12.7451H2.75098ZM11.25 2.75098C9.25623 2.75315 7.77237 2.77092 6.61328 2.92676C5.33508 3.09865 4.56472 3.42551 3.99512 3.99512C3.42551 4.56472 3.09865 5.33508 2.92676 6.61328C2.77105 7.77142 2.75317 9.25381 2.75098 11.2451H11.25V2.75098ZM12.75 11.2451H21.249C21.2468 9.25381 21.229 7.77142 21.0732 6.61328C20.9014 5.33508 20.5745 4.56472 20.0049 3.99512C19.4353 3.42551 18.6649 3.09865 17.3867 2.92676C16.2276 2.77092 14.7438 2.75315 12.75 2.75098V11.2451Z" clip-rule="evenodd"/><path d="M19.0908 14.8486C19.3837 14.5557 19.8595 14.5557 20.1523 14.8486C20.4448 15.1415 20.445 15.6164 20.1523 15.9092L18.5605 17.5L20.1523 19.0908C20.445 19.3836 20.4448 19.8585 20.1523 20.1514C19.8595 20.4443 19.3837 20.4443 19.0908 20.1514L17.5 18.5605L15.9092 20.1514C15.6163 20.4443 15.1415 20.4443 14.8486 20.1514C14.5558 19.8585 14.5558 19.3837 14.8486 19.0908L16.4395 17.5L14.8486 15.9092C14.5558 15.6163 14.5559 15.1415 14.8486 14.8486C15.1415 14.5557 15.6163 14.5557 15.9092 14.8486L17.5 16.4395L19.0908 14.8486Z"/></g></svg>

How to use the Grid 2x2 Close Outline icon

React

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

<Icon icon="solar:grid-2x2-close-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:grid-2x2-close-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:grid-2x2-close-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--grid-2x2-close-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:grid-2x2-close-outline"></div>

Web component

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

<iconify-icon icon="solar:grid-2x2-close-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/grid-2x2-close-outline.svg" alt="Grid 2x2 Close Outline icon" width="24" height="24">

Related icons in Solar

grid-2x2-add-bold icon
grid-2x2-add-bold
 grid-2x2-add-bold-duotone icon
grid-2x2-add-bold-duotone
 grid-2x2-add-broken icon
grid-2x2-add-broken
 grid-2x2-add-line-duotone icon
grid-2x2-add-line-duotone
 grid-2x2-add-linear icon
grid-2x2-add-linear
 grid-2x2-add-outline icon
grid-2x2-add-outline
 grid-2x2-bold icon
grid-2x2-bold
 grid-2x2-bold-duotone icon
grid-2x2-bold-duotone
 grid-2x2-broken icon
grid-2x2-broken
 grid-2x2-check-bold icon
grid-2x2-check-bold
 grid-2x2-check-bold-duotone icon
grid-2x2-check-bold-duotone
 grid-2x2-check-broken icon
grid-2x2-check-broken
 grid-2x2-check-line-duotone icon
grid-2x2-check-line-duotone
 grid-2x2-check-linear icon
grid-2x2-check-linear
 grid-2x2-check-outline icon
grid-2x2-check-outline
 grid-2x2-close-bold icon
grid-2x2-close-bold
 grid-2x2-close-bold-duotone icon
grid-2x2-close-bold-duotone
 grid-2x2-close-broken icon
grid-2x2-close-broken
 grid-2x2-close-line-duotone icon
grid-2x2-close-line-duotone
 grid-2x2-close-linear icon
grid-2x2-close-linear
 grid-2x2-line-duotone icon
grid-2x2-line-duotone
 grid-2x2-linear icon
grid-2x2-linear
 grid-2x2-outline icon
grid-2x2-outline
 grid-3x2-bold icon
grid-3x2-bold

Grid 2x2 Close Outline icon FAQ

Is the Grid 2x2 Close Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Grid 2x2 Close Outline icon in React?

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

How do I add the Grid 2x2 Close Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/grid-2x2-close-outline.svg" alt="Grid 2x2 Close Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →