Zoom To Fit icon
fluent-mdl2:zoom-to-fit
The Zoom To Fit icon (fluent-mdl2:zoom-to-fit) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 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
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- zoomto, tofit, zoomtofit
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="m749 456l-90-91L1024 0l365 365l-90 91l-275-275zm550 1136l90 91l-365 365l-365-365l90-91l275 275zM456 749l-275 275l275 275l-91 90L0 1024l365-365zm1592 275l-365 365l-91-90l275-275l-275-275l91-90zM640 640h768v768H640zm128 640h512V768H768z"/></svg>How to use the Zoom To Fit icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:zoom-to-fit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:zoom-to-fit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:zoom-to-fit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--zoom-to-fit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:zoom-to-fit"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:zoom-to-fit"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/zoom-to-fit.svg" alt="Zoom To Fit icon" width="24" height="24">Related icons in Fluent UI MDL2
Zoom To Fit icon FAQ
Is the Zoom To Fit icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Zoom To Fit icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:zoom-to-fit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Zoom To Fit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/zoom-to-fit.svg" alt="Zoom To Fit icon">, or paste the SVG code inline to style it with CSS.