Edit Off Icon

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

<Icon icon="carbon:edit-off" />

<template>
  <Icon icon="carbon:edit-off" />
</template>

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

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

<Icon icon="carbon:edit-off" />

<iconify-icon icon="carbon:edit-off"></iconify-icon>

/* Add to your CSS */
.icon-edit-off::before {
  content: '';
  background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M30%2028.6L3.4%202L2%203.4l10.1%2010.1L4%2021.6V28h6.4l8.1-8.1L28.6%2030zM9.6%2026H6v-3.6l7.5-7.5l3.6%203.6zM29.4%206.2l-3.6-3.6c-.8-.8-2-.8-2.8%200l-8%208l1.4%201.4L20%208.4l3.6%203.6l-3.6%203.6l1.4%201.4l8-8c.8-.8.8-2%200-2.8M25%2010.6L21.4%207l3-3L28%207.6z%22%2F%3E');
}

<path fill="currentColor" d="M30 28.6L3.4 2L2 3.4l10.1 10.1L4 21.6V28h6.4l8.1-8.1L28.6 30zM9.6 26H6v-3.6l7.5-7.5l3.6 3.6zM29.4 6.2l-3.6-3.6c-.8-.8-2-.8-2.8 0l-8 8l1.4 1.4L20 8.4l3.6 3.6l-3.6 3.6l1.4 1.4l8-8c.8-.8.8-2 0-2.8M25 10.6L21.4 7l3-3L28 7.6z"/>