Picture Stretch icon
fluent-mdl2:picture-stretch
The Picture Stretch icon (fluent-mdl2:picture-stretch) 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
- picturestretch
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M0 768h1408v1152H0zm128 1024h870l-582-581l-288 288zm1152 0v-102l-224-223l-101 101l223 224zM128 896v421l288-287l448 447l192-191l224 224V896zm832 256q-26 0-45-19t-19-45t19-45t45-19t45 19t19 45t-19 45t-45 19m960-512V347l-339 338l-90-90l338-339h-293V128h512v512zm-768-512h256v128h-256zm-128 128H768V128h256zm-384 0H384V128h256zm-384 0H0V128h256zM128 640H0V384h128zm1920 128v256h-128V768zm-128 384h128v256h-128zm0 384h128v256h-128zm-384 256h256v128h-256z"/></svg>How to use the Picture Stretch icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:picture-stretch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:picture-stretch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:picture-stretch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--picture-stretch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:picture-stretch"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:picture-stretch"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/picture-stretch.svg" alt="Picture Stretch icon" width="24" height="24">Related icons in Fluent UI MDL2
Picture Stretch icon FAQ
Is the Picture Stretch 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 Picture Stretch icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:picture-stretch" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Picture Stretch icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/picture-stretch.svg" alt="Picture Stretch icon">, or paste the SVG code inline to style it with CSS.