Иконка Edit Outline

cuida:edit-outline

Иконка Edit Outline (cuida:edit-outline) — бесплатная SVG-иконка из набора Cuida Icons от Sysvale. Она нарисована на сетке 24 × 24. Cuida Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Cuida Icons
Автор: Sysvale
Лицензия: Apache-2.0
Размер: 24 × 24
Теги: editoutline

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

<iconify-icon icon="cuida:edit-outline"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/cuida/edit-outline.svg" alt="Иконка Edit Outline" width="24" height="24">

Иконка Edit Outline в других наборах

Вопросы и ответы: Иконка Edit Outline

Можно ли бесплатно использовать иконку Edit Outline в коммерческих проектах?

Да. Cuida Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Edit Outline в React?

Установите @iconify/react и выведите <Icon icon="cuida:edit-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Edit Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cuida/edit-outline.svg" alt="Иконка Edit Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Cuida Icons →