Relative Scale icon
mdi:relative-scale
The Relative Scale icon (mdi:relative-scale) is a free SVG icon from the Material Design Icons set by Pictogrammers. It is drawn on a 24 × 24 grid. Material Design 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
- Material Design Icons
- Author
- Pictogrammers
- License
- Apache-2.0
- Size
- 24 × 24
- Tags
- image aspect ratio, relativescale
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 18H4V6h16m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m-8 6h-2v2h2m-4-2H6v2h2m8 2h-2v2h2m0-6h-2v2h2z"/></svg>How to use the Relative Scale icon
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:relative-scale" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:relative-scale" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:relative-scale" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--relative-scale]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:relative-scale"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:relative-scale"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/mdi/relative-scale.svg" alt="Relative Scale icon" width="24" height="24">Relative Scale icon in other icon sets
Relative Scale icon FAQ
Is the Relative Scale icon free for commercial use?
Yes. Material Design Icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Relative Scale icon in React?
Install @iconify/react and render <Icon icon="mdi:relative-scale" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Relative Scale icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/mdi/relative-scale.svg" alt="Relative Scale icon">, or paste the SVG code inline to style it with CSS.