Zoom In Area Filled icon

tabler:zoom-in-area-filled

The Zoom In Area Filled icon (tabler:zoom-in-area-filled) is a free SVG icon from the Tabler Icons set by Paweł Kuna. It is drawn on a 24 × 24 grid. Tabler Icons are released under the MIT 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: Tabler Icons
Author: Paweł Kuna
License: MIT
Size: 24 × 24
Tags: selected, square, magnifier, enlargement, zoom, area, location, navigation, magnify, enlarge, map, zoomin, inarea, areafilled, zoominareafilled

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="M15 9a6 6 0 0 1 4.891 9.476l2.816 2.817a1 1 0 0 1-1.32 1.497l-.094-.083l-2.817-2.816a6 6 0 0 1-9.472-4.666L9 15l.004-.225A6 6 0 0 1 15 9m0 3a1 1 0 0 0-.993.883L14 13v1h-1l-.117.007a1 1 0 0 0 0 1.986L13 16h1v1l.007.117a1 1 0 0 0 1.986 0L16 17v-1h1l.117-.007a1 1 0 0 0 0-1.986L17 14h-1v-1l-.007-.117A1 1 0 0 0 15 12M3 14a1 1 0 0 1 .993.883L4 15v1a1 1 0 0 0 .883.993L5 17h1a1 1 0 0 1 .117 1.993L6 19H5a3 3 0 0 1-2.995-2.824L2 16v-1a1 1 0 0 1 1-1m0-5a1 1 0 0 1 .993.883L4 10v1a1 1 0 0 1-1.993.117L2 11v-1a1 1 0 0 1 1-1m3-7a1 1 0 0 1 .117 1.993L6 4H5a1 1 0 0 0-.993.883L4 5v1a1 1 0 0 1-1.993.117L2 6V5a3 3 0 0 1 2.824-2.995L5 2zm5 0a1 1 0 0 1 .117 1.993L11 4h-1a1 1 0 0 1-.117-1.993L10 2zm5 0a3 3 0 0 1 2.995 2.824L19 5v1a1 1 0 0 1-1.993.117L17 6V5a1 1 0 0 0-.883-.993L16 4h-1a1 1 0 0 1-.117-1.993L15 2z"/></svg>

How to use the Zoom In Area Filled icon

React

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

<Icon icon="tabler:zoom-in-area-filled" width="24" />

Vue

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

<template>
  <Icon icon="tabler:zoom-in-area-filled" width="24" />
</template>

Svelte

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

<Icon icon="tabler:zoom-in-area-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--zoom-in-area-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:zoom-in-area-filled"></div>

Web component

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

<iconify-icon icon="tabler:zoom-in-area-filled"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/tabler/zoom-in-area-filled.svg" alt="Zoom In Area Filled icon" width="24" height="24">

Related icons in Tabler Icons

Zoom In Area Filled icon FAQ

Is the Zoom In Area Filled icon free for commercial use?

Yes. Tabler Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Zoom In Area Filled icon in React?

Install @iconify/react and render <Icon icon="tabler:zoom-in-area-filled" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Zoom In Area Filled icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/tabler/zoom-in-area-filled.svg" alt="Zoom In Area Filled icon">, or paste the SVG code inline to style it with CSS.

Browse all Tabler Icons →