ICONYZ
Português (Brasil)
Ícone Image Edit de Material Design Icons

Ícone Image Edit

mdi:image-edit

O ícone Image Edit (mdi:image-edit) é um ícone SVG gratuito da coleção Material Design Icons de Pictogrammers. Ele é desenhado em uma grade de 24 × 24. Material Design Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Material Design Icons
Autor
Pictogrammers
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Editar e modificar
Tags
edit, modify, imageedit
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m22.7 14.3l-1 1l-2-2l1-1c.1-.1.2-.2.4-.2c.1 0 .3.1.4.2l1.3 1.3c.1.2.1.5-.1.7M13 19.9V22h2.1l6.1-6.1l-2-2zM21 5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h6v-1.9l1.1-1.1H5l3.5-4.5l2.5 3l3.5-4.5l1.6 2.1l4.9-5z"/></svg>

Como usar o ícone Image Edit

React

import { Icon } from "@iconify/react";

<Icon icon="mdi:image-edit" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="mdi:image-edit" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="mdi:image-edit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--image-edit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:image-edit"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="mdi:image-edit"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/mdi/image-edit.svg" alt="Ícone Image Edit" width="24" height="24">

Ícones relacionados em Material Design Icons

Ícone image
image
 Ícone image-album
image-album
 Ícone image-area
image-area
 Ícone image-area-close
image-area-close
 Ícone image-auto-adjust
image-auto-adjust
 Ícone image-broken
image-broken
 Ícone image-broken-variant
image-broken-variant
 Ícone image-check
image-check
 Ícone image-check-outline
image-check-outline
 Ícone image-edit-outline
image-edit-outline
 Ícone image-filter-black-white
image-filter-black-white
 Ícone image-filter-center-focus
image-filter-center-focus
 Ícone image-filter-center-focus-strong
image-filter-center-focus-strong
 Ícone image-filter-center-focus-strong-outline
image-filter-center-focus-strong-outline
 Ícone image-filter-center-focus-weak
image-filter-center-focus-weak
 Ícone image-filter-drama
image-filter-drama
 Ícone image-filter-drama-outline
image-filter-drama-outline
 Ícone image-filter-frames
image-filter-frames
 Ícone image-filter-hdr
image-filter-hdr
 Ícone image-filter-hdr-outline
image-filter-hdr-outline
 Ícone image-filter-none
image-filter-none
 Ícone image-filter-tilt-shift
image-filter-tilt-shift
 Ícone image-filter-vintage
image-filter-vintage
 Ícone image-frame
image-frame

O ícone Image Edit em outras coleções

Ícone Image Edit de IconOven
IconOven
 Ícone Image Edit de TDesign Icons
TDesign Icons
 Ícone Image Edit de Unicons
Unicons

Perguntas frequentes sobre Ícone Image Edit

O ícone Image Edit é grátis para uso comercial?

Sim. Material Design Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Image Edit no React?

Instale @iconify/react e renderize <Icon icon="mdi:image-edit" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Image Edit a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/mdi/image-edit.svg" alt="Ícone Image Edit">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Material Design Icons →