Edit lock icon

Use it

import { EditLockIcon } from '@nodo-icons/react';

<EditLockIcon size={24} />

<script setup>
import { EditLockIcon } from '@nodo-icons/vue';
</script>

<template><EditLockIcon :size="24" /></template>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M11.234,15.766l-3.234,3.234l-4.5,1.5l1.5,-4.5l11.2,-12.2c0.995,-0.746 2.388,-0.647 3.268,0.232c0.88,0.88 0.979,2.272 0.232,3.268l-3.934,3.934"/><line x1="14" y1="6" x2="18" y2="10"/><path d="M15.25,21c-0.69,0 -1.25,-0.56 -1.25,-1.25v-2c0,-0.69 0.56,-1.25 1.25,-1.25h4.5c0.69,0 1.25,0.56 1.25,1.25v2c0,0.69 -0.56,1.25 -1.25,1.25z"/><path d="M15.5,16.5v-1.5c0,-1.105 0.895,-2 2,-2c1.105,0 2,0.895 2,2v1.5"/></svg>

# .npmrc — your license key in the NODO_LICENSE_KEY env variable
@nodo-icons:registry=https://nodoicons.com/npm/
//nodoicons.com/npm/:_authToken=${NODO_LICENSE_KEY}

npm install @nodo-icons/react-pro

import { EditLockIcon } from '@nodo-icons/react-pro/duotone';

<EditLockIcon size={24} />

npm install @nodo-icons/react · Pro: setup with your license key · AI agents: npx @nodo-icons/mcp