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

# AUTOMATIC1111

AUTOMATIC1111 is an open-source web interface for Stable Diffusion, built with Gradio, offering txt2img, img2img, inpainting and outpainting.

## At a glance

- **Page**: https://devicons.io/icons/automatic1111/
- **Website**: https://github.com/AUTOMATIC1111/stable-diffusion-webui
- **License**: https://github.com/AUTOMATIC1111/stable-diffusion-webui/blob/master/LICENSE.txt
- **Also known as**: A1111, Stable Diffusion web UI, SD WebUI, stable-diffusion-webui
- **Tags**: [AI](/icons/tag/ai/), [Image Generation](/icons/tag/image-generation/), [Open Source](/icons/tag/open-source/), [Machine Learning](/icons/tag/machine-learning/)
- **Version added**: 1.2.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 |
| --- | --- | --- | --- | --- |
| `automatic1111` | `Automatic1111` | https://devicons.io/devicons/icons/automatic1111.svg | https://devicons.io/devicons/font/automatic1111.svg | `devicons devicons-automatic1111` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the AUTOMATIC1111 logo

The AUTOMATIC1111 Stable Diffusion web UI does not publish an official logo. Its repository and interface have no brand assets. This icon is the community mark used in the Lobe Icons set: a bold geometric "A" followed by four diagonal stripes that fade out to the right, like a motion trail.

The mark uses a single magenta-red, #E00054, and gets the fade from opacity steps. The color version works on both light and dark backgrounds. The monochrome version keeps the "A" and its first stripe, because the overlapping faded stripes would merge into one solid shape at a single opacity.

## When to use this logo

Use it for the AUTOMATIC1111 web UI in local Stable Diffusion setup guides, extension and model compatibility tables, and image generation tool comparisons. It also works in GPU requirement notes, self-hosting docs and Colab or RunPod templates. It pairs naturally with Stability AI, ComfyUI, Hugging Face, Civitai and other Stable Diffusion front ends.

## Related icons

- [ComfyUI](/icons/comfyui.md)
- [Stability AI](/icons/stability-ai.md)
- [DeepSeek](/icons/deepseek.md)
- [Hugging Face](/icons/hugging-face.md)
- [Civitai](/icons/civitai.md)
- [Coqui](/icons/coqui.md)
- [DALL·E](/icons/dall-e.md)
- [Meta](/icons/meta.md)

## Browse the catalog
- Previous: [AutoIt](/icons/autoit.md)
- Next: [Autoprefixer](/icons/autoprefixer.md)
- [All icons](/icons.md)