Edit Create icon
fluent-mdl2:edit-create
The Edit Create icon (fluent-mdl2:edit-create) 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
- editcreate
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M226 701q-48-48-73-109t-25-128q0-71 26-131t71-105t107-70t131-26q66 0 128 23t110 71l353 353l-91 91l-195-195l-293 293l195 195l-91 91zm238-443q-43 0-81 15t-66 44t-44 65t-17 82q0 38 10 66t29 53t41 47t48 47l293-293q-26-25-47-48t-46-40t-52-28t-68-10m1584 1790l-633-158l-293-293l91-91l217 218q16-52 44-98t67-85t84-66t99-45l-218-217l91-91l293 293zm-176-176l-82-329q-47 10-87 32t-73 55t-55 73t-32 87zM1728 192q53 0 99 20t82 55t55 81t20 100q0 51-19 98t-56 83L763 1775q-9 59-37 108t-70 87t-95 57t-113 21H0v-128q11 0 23-3t22-9q25-13 41-33t25-44t13-50t4-53q0-59 20-112t58-96t86-70t109-37L1547 267q36-36 83-55t98-20M448 1920q40 0 75-15t61-41t41-61t15-75t-15-75t-41-61t-61-41t-75-15t-75 15t-61 41t-41 61t-15 75q0 104-64 192zm518-529q-32-63-75-106t-106-75l-221 221q62 24 109 71t72 110zm852-853q37-37 37-90q0-26-10-49t-27-40t-41-28t-49-10q-53 0-90 37l-759 758q61 36 103 78t78 103z"/></svg>
How to use the Edit Create icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:edit-create" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:edit-create" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:edit-create" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--edit-create]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:edit-create"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:edit-create"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/edit-create.svg" alt="Edit Create icon" width="24" height="24">
Related icons in Fluent UI MDL2
Edit Create icon FAQ
Is the Edit Create 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 Edit Create icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:edit-create" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Edit Create icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/edit-create.svg" alt="Edit Create icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent UI MDL2 icons →
ICONYZ
