Ícone Edit Outline
cuida:edit-outline
O ícone Edit Outline (cuida:edit-outline) é um ícone SVG gratuito da coleção Cuida Icons de Sysvale. Ele é desenhado em uma grade de 24 × 24. Cuida 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
- Cuida Icons
- Autor
- Sysvale
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Tags
- editoutline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g class="edit-outline"><g fill="currentColor" fill-rule="evenodd" class="Vector" clip-rule="evenodd"><path d="M2 6.857A4.857 4.857 0 0 1 6.857 2H12a1 1 0 1 1 0 2H6.857A2.857 2.857 0 0 0 4 6.857v10.286A2.857 2.857 0 0 0 6.857 20h10.286A2.857 2.857 0 0 0 20 17.143V12a1 1 0 1 1 2 0v5.143A4.857 4.857 0 0 1 17.143 22H6.857A4.857 4.857 0 0 1 2 17.143z"/><path d="m15.137 13.219l-2.205 1.33l-1.033-1.713l2.205-1.33l.003-.002a1.2 1.2 0 0 0 .232-.182l5.01-5.036a3 3 0 0 0 .145-.157c.331-.386.821-1.15.228-1.746c-.501-.504-1.219-.028-1.684.381a6 6 0 0 0-.36.345l-.034.034l-4.94 4.965a1.2 1.2 0 0 0-.27.41l-.824 2.073a.2.2 0 0 0 .29.245l1.032 1.713c-1.805 1.088-3.96-.74-3.18-2.698l.825-2.072a3.2 3.2 0 0 1 .71-1.081l4.939-4.966l.029-.029c.147-.15.641-.656 1.24-1.02c.327-.197.849-.458 1.494-.508c.74-.059 1.53.174 2.15.797a2.9 2.9 0 0 1 .845 1.75a3.15 3.15 0 0 1-.23 1.517c-.29.717-.774 1.244-.987 1.457l-5.01 5.036q-.28.281-.62.487m4.453-7.126s-.004.003-.013.006z"/></g></g></svg>
Como usar o ícone Edit Outline
React
import { Icon } from "@iconify/react";
<Icon icon="cuida:edit-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cuida:edit-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cuida:edit-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cuida--edit-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cuida -->
<div class="i-cuida:edit-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cuida:edit-outline"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/cuida/edit-outline.svg" alt="Ícone Edit Outline" width="24" height="24">
O ícone Edit Outline em outras coleções
Perguntas frequentes sobre Ícone Edit Outline
O ícone Edit Outline é grátis para uso comercial?
Sim. Cuida Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Edit Outline no React?
Instale @iconify/react e renderize <Icon icon="cuida:edit-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Edit Outline a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cuida/edit-outline.svg" alt="Ícone Edit Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Cuida Icons →
ICONYZ
