# Connection icon — Nodo Icons

- Name: `connection`
- Category: connectivity
- Tags: connected, plug connected, linked, connect
- Free style: Linear (MIT). Pro styles: Light, Bold, Sharp, Twotone, Duotone, Bulk, Solid, Contained, Soft.
- Page: https://nodoicons.com/icons/connection/
- SVG (Linear): https://nodoicons.com/svg/linear/connection.svg

## React

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

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

## Vue

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

<template><ConnectionIcon :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="M5.64 13.41L6.7 12.35A1.5 1.5 0 0 1 8.82 12.35L11.65 15.18A1.5 1.5 0 0 1 11.65 17.3L10.59 18.36A1.5 1.5 0 0 1 8.46 18.36L5.64 15.54A1.5 1.5 0 0 1 5.64 13.41Z"/><path d="M11.29 7.76L12.71 6.34A1.5 1.5 0 0 1 14.83 6.34L17.66 9.17A1.5 1.5 0 0 1 17.66 11.29L16.24 12.71A1.5 1.5 0 0 1 14.12 12.71L11.29 9.88A1.5 1.5 0 0 1 11.29 7.76Z"/><path d="M8.99 12.53L11.47 10.06"/><path d="M11.47 15.01L13.94 12.53"/><path d="M7.05 16.95L5.28 18.72"/><path d="M16.24 7.76L18.72 5.28"/></svg>
```

## Pro styles

With Nodo Icons Pro: `import { ConnectionIcon } 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

- [bluetooth](https://nodoicons.com/icons/bluetooth/index.md)
- [bluetooth-connected](https://nodoicons.com/icons/bluetooth-connected/index.md)
- [cast-connected](https://nodoicons.com/icons/cast-connected/index.md)
- [connected-car](https://nodoicons.com/icons/connected-car/index.md)
- [connected-devices](https://nodoicons.com/icons/connected-devices/index.md)
- [4g](https://nodoicons.com/icons/4g/index.md)
- [5g](https://nodoicons.com/icons/5g/index.md)
- [access-point](https://nodoicons.com/icons/access-point/index.md)
- [access-point-off](https://nodoicons.com/icons/access-point-off/index.md)
- [airplane-mode](https://nodoicons.com/icons/airplane-mode/index.md)
- [airplane-mode-off](https://nodoicons.com/icons/airplane-mode-off/index.md)
- [antenna](https://nodoicons.com/icons/antenna/index.md)