Card Edit icon in outline, twotone, bold and bulk. Free in all four styles, for payments, wallet, invoices, pricing, banking. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconCardEdit } from "@devigner-ui/icons";
<IconCardEdit className="size-6" />
<script setup>
import { IconCardEdit } from "@devigner-ui/icons-vue";
</script>
<template>
<IconCardEdit class="size-6" />
</template>
<script>
import { IconCardEdit } from "@devigner-ui/icons-svelte";
</script>
<IconCardEdit class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.67 8.5h9.5" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M6.67 16.5h2" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M11.17 16.5h4" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22.67 12.03v4.08c0 3.51-.9 4.39-4.44 4.39H7.1c-3.55 0-4.44-.88-4.44-4.39V7.89c0-3.51.89-4.39 4.44-4.39h8.06" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><g opacity="1"><path d="m19.75 4.13-3.71 3.71a1.3 1.3 0 0 0-.31.62l-.2 1.42c-.07.51.29.87.8.8l1.42-.2c.2-.03.48-.17.62-.31l3.7-3.71c.65-.64.95-1.38 0-2.32-.94-.95-1.68-.65-2.32-.01" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19.22 4.66a3.4 3.4 0 0 0 2.32 2.32" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>