Increase The Scale icon
icon-park:increase-the-scale
The Increase The Scale icon (icon-park:increase-the-scale) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Edit
- Tags
- increasethe, thescale, increasethescale
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path d="M24 9C24 6.23858 21.7614 4 19 4C16.2386 4 14 6.23858 14 9V19C14 21.7614 16.2386 24 19 24C21.7614 24 24 21.7614 24 19V9Z"/><path d="M42 9C42 6.23858 39.7614 4 37 4C34.2386 4 32 6.23858 32 9V19C32 21.7614 34.2386 24 37 24C39.7614 24 42 21.7614 42 19V9Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M36 32L42 38L36 44"/><path stroke-linecap="round" d="M6 24H7"/><path stroke-linecap="round" stroke-linejoin="round" d="M42 38H19"/></g></svg>How to use the Increase The Scale icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:increase-the-scale" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:increase-the-scale" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:increase-the-scale" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--increase-the-scale]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:increase-the-scale"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:increase-the-scale"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/increase-the-scale.svg" alt="Increase The Scale icon" width="24" height="24">Related icons in IconPark
Increase The Scale icon in other icon sets
Increase The Scale icon FAQ
Is the Increase The Scale icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Increase The Scale icon in React?
Install @iconify/react and render <Icon icon="icon-park:increase-the-scale" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Increase The Scale icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/increase-the-scale.svg" alt="Increase The Scale icon">, or paste the SVG code inline to style it with CSS.