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

# Firecrawl

Firecrawl is an API that crawls and scrapes websites into clean markdown or structured data for LLM apps, RAG pipelines and AI agents, with an open-source core.

## At a glance

- **Page**: https://devicons.io/icons/firecrawl/
- **Website**: https://www.firecrawl.dev/
- **Also known as**: Firecrawl API, firecrawl.dev, Firecrawl MCP
- **Tags**: [AI](/icons/tag/ai/), [Web Scraping](/icons/tag/web-scraping/), [API](/icons/tag/api/), [Open Source](/icons/tag/open-source/), [LLM](/icons/tag/llm/)
- **Version added**: 1.3.0
- **Contrast**: needs a light backdrop on dark backgrounds

## 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 |
| --- | --- | --- | --- | --- |
| `firecrawl-icon` | `FirecrawlIcon` | https://devicons.io/devicons/icons/firecrawl-icon.svg | https://devicons.io/devicons/font/firecrawl-icon.svg | `devicons devicons-firecrawl-icon` |
| `firecrawl` | `Firecrawl` | https://devicons.io/devicons/icons/firecrawl.svg | https://devicons.io/devicons/font/firecrawl.svg | `devicons devicons-firecrawl` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/firecrawl-icon.svg" alt="Firecrawl logo" width="48" height="48" />
```

### Icon font

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

```html
<i class="devicons devicons-firecrawl-icon"></i>
```

## About the Firecrawl logo

The Firecrawl mark is an orange (#FA5D19) flame with an inner flicker cut out of its base. The lockup pairs the flame with the "Firecrawl" wordmark in near-black (#262626).

The orange flame reads well on light and dark backgrounds. The dark wordmark disappears on dark surfaces, so use the monochrome lockup there.

## When to use this logo

Use Firecrawl in AI data pipeline diagrams, RAG and agent tooling comparisons, web scraping API roundups and LangChain or LlamaIndex loader docs. It pairs naturally with Exa, Tavily, Jina AI, LangChain and Apify. Use the flame on its own for compact UI slots.

## Related icons

- [DeepSeek](/icons/deepseek.md)
- [OpenAI](/icons/openai.md)
- [360 Zhinao](/icons/ai360.md)
- [Aya](/icons/cohere-aya.md)
- [Cerebras](/icons/cerebras.md)
- [Cohere](/icons/cohere.md)
- [Dify](/icons/dify.md)
- [Fireworks AI](/icons/fireworks.md)

## Browse the catalog
- Previous: [Firebase](/icons/firebase.md)
- Next: [Firefox](/icons/firefox.md)
- [All icons](/icons.md)