# Cross shape icon — Nodo Icons

- Name: `cross-shape`
- Category: shapes
- Tags: plus shape, cross, geometric, symbol
- Free style: Linear (MIT). Pro styles: Light, Bold, Sharp, Twotone, Duotone, Bulk, Solid, Contained, Soft.
- Page: https://nodoicons.com/icons/cross-shape/
- SVG (Linear): https://nodoicons.com/svg/linear/cross-shape.svg

## React

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

<CrossShapeIcon size={24} />
```

## Vue

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

<template><CrossShapeIcon :size="24" /></template>
```

## SVG (Linear)

```svg
<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>
```

## Pro styles

With Nodo Icons Pro: `import { CrossShapeIcon } from '@nodo-icons/react-pro/<style>'`, where `<style>` is one of light, bold, sharp, twotone, duotone, bulk, solid, contained, soft. The Pro packages install from the Nodo Icons registry with your license key: https://nodoicons.com/docs/#nodo-icons-pro-in-react-and-vue. Pricing: https://nodoicons.com/#pricing

## Related icons

- [circle](https://nodoicons.com/icons/circle/index.md)
- [diamond](https://nodoicons.com/icons/diamond/index.md)
- [hexagon](https://nodoicons.com/icons/hexagon/index.md)
- [octagon](https://nodoicons.com/icons/octagon/index.md)
- [oval](https://nodoicons.com/icons/oval/index.md)
- [pentagon](https://nodoicons.com/icons/pentagon/index.md)
- [rectangle](https://nodoicons.com/icons/rectangle/index.md)
- [rectangle-vertical](https://nodoicons.com/icons/rectangle-vertical/index.md)
- [square](https://nodoicons.com/icons/square/index.md)
- [triangle](https://nodoicons.com/icons/triangle/index.md)
- [alpha](https://nodoicons.com/icons/alpha/index.md)
- [ampersand](https://nodoicons.com/icons/ampersand/index.md)