[Home](/index.md) › [Icons](/icons.md) › Cisco

# Cisco

Cisco is a networking and security company known for routers, switches, firewalls, Webex collaboration, Splunk observability and certifications such as CCNA.

## At a glance

- **Page**: https://devicons.io/icons/cisco/
- **Website**: https://www.cisco.com/
- **Also known as**: Cisco Systems, Cisco IOS, Cisco Networking
- **Tags**: [Networking](/icons/tag/networking/), [Security](/icons/tag/security/), [Enterprise](/icons/tag/enterprise/), [Hardware](/icons/tag/hardware/), [Infrastructure](/icons/tag/infrastructure/)
- **Version added**: 1.3.0

## Files

Each file is one variant of this logo. The component name is derived from the file name.

| File | Component | Color SVG | Monochrome SVG | Font class |
| --- | --- | --- | --- | --- |
| `cisco` | `Cisco` | https://devicons.io/devicons/icons/cisco.svg | https://devicons.io/devicons/font/cisco.svg | `devicons devicons-cisco` |

## Install and use

```bash
npm install @dev.icons/react  # or @dev.icons/vue, @dev.icons/svelte
```

### React

```tsx
import { Cisco } from "@dev.icons/react";
// Monochrome (inherits currentColor):
// import { Cisco } from "@dev.icons/react/mono";

<Cisco size={32} alt="Cisco logo" />
```

### Vue

```vue
<script setup>
import { Cisco } from "@dev.icons/vue";
</script>

<template>
  <Cisco :size="32" alt="Cisco logo" />
</template>
```

### Svelte

```svelte
<script>
  import { Cisco } from "@dev.icons/svelte";
</script>

<Cisco size={32} alt="Cisco logo" />
```

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/cisco.svg" alt="Cisco logo" width="48" height="48" />
```

### Icon font

```css
@import "devicons/css"; /* npm install devicons */
```

```html
<i class="devicons devicons-cisco"></i>
```

## About the Cisco logo

The Cisco logo stacks a row of vertical bars of different heights over the lowercase "cisco" wordmark, all in cyan blue (#00BCEB). The bars trace the outline of a suspension bridge, usually read as the Golden Gate Bridge, a nod to the company's San Francisco roots and its name.

The cyan logo reads well on light and dark backgrounds.

## When to use this logo

Use Cisco in network architecture diagrams, enterprise IT stack slides, certification study guides and integration docs for Cisco APIs. It pairs naturally with Juniper Networks, Fortinet, Palo Alto Networks, Splunk and Webex.

## Related icons

- [AIX](/icons/aix.md)
- [Akamai](/icons/akamai.md)
- [Alibaba Cloud](/icons/alibaba-cloud.md)
- [AWS VPC](/icons/aws-vpc.md)
- [Broadcom](/icons/broadcom.md)
- [Dynamic DNS](/icons/dyndns.md)
- [Huawei](/icons/huawei.md)
- [Huawei Cloud](/icons/huawei-cloud.md)

## Browse the catalog
- Previous: [Cirrus CI](/icons/cirrus-ci.md)
- Next: [Civitai](/icons/civitai.md)
- [All icons](/icons.md)