Cross shape icon

Use it

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

<CrossShapeIcon size={24} />

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

<template><CrossShapeIcon :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="M9.5 5.5C9.5 4.12 10.62 3 12 3L12 3C13.38 3 14.5 4.12 14.5 5.5L14.5 8.5C14.5 9.05 14.95 9.5 15.5 9.5L18.5 9.5C19.88 9.5 21 10.62 21 12L21 12C21 13.38 19.88 14.5 18.5 14.5L15.5 14.5C14.95 14.5 14.5 14.95 14.5 15.5L14.5 18.5C14.5 19.88 13.38 21 12 21L12 21C10.62 21 9.5 19.88 9.5 18.5L9.5 15.5C9.5 14.95 9.05 14.5 8.5 14.5L5.5 14.5C4.12 14.5 3 13.38 3 12L3 12C3 10.62 4.12 9.5 5.5 9.5L8.5 9.5C9.05 9.5 9.5 9.05 9.5 8.5Z"/></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 { CrossShapeIcon } from '@nodo-icons/react-pro/duotone';

<CrossShapeIcon size={24} />

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