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

# Fennel

Fennel is a Lisp programming language that compiles to Lua, pairing Lua's speed and reach with a Lisp syntax and a compile-time macro system.

## At a glance

- **Page**: https://devicons.io/icons/fennel/
- **Website**: https://fennel-lang.org/
- **License**: https://creativecommons.org/licenses/by-sa/4.0/
- **Also known as**: Fennel Lang, fennel-lang
- **Tags**: [Programming Language](/icons/tag/programming-language/), [Lisp](/icons/tag/lisp/), [Lua](/icons/tag/lua/), [Scripting](/icons/tag/scripting/), [Functional](/icons/tag/functional/), [Open Source](/icons/tag/open-source/)
- **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 |
| --- | --- | --- | --- | --- |
| `fennel` | `Fennel` | https://devicons.io/devicons/icons/fennel.svg | https://devicons.io/devicons/font/fennel.svg | `devicons devicons-fennel` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Fennel logo

The Fennel logo is a round fennel bulb with a face: a cream bulb (#FFF3D7) with large dark eyes, topped by three green (#2CA02C) stalks, all outlined in dark grey (#444444). It is the official logo shown on fennel-lang.org. It was created by m455 and is © 2020 m455, released under CC BY-SA 4.0.

The dark outline keeps the logo readable on white, and the cream bulb stands out on dark backgrounds. The mono version keeps the logo's line-art look: the outlines and eyes are solid, and the bulb and stalks are open.

## When to use this logo

Use the Fennel logo in Neovim and editor file-type icon sets, in project READMEs for Fennel code, and in docs for LÖVE games, window manager configs and other Lua-hosted projects written in Fennel. It pairs naturally with the Lua, Neovim and LÖVE logos, and sits alongside Clojure and other Lisps in language comparisons.

## Related icons

- [Elixir](/icons/elixir.md)
- [Javascript](/icons/javascript.md)
- [Php](/icons/php.md)
- [Python](/icons/python.md)
- [Ruby](/icons/ruby.md)
- [Clojure](/icons/clojure.md)
- [Elm](/icons/elm.md)
- [Emacs (Classic)](/icons/emacs-classic.md)

## Browse the catalog
- Previous: [Fedora](/icons/fedora.md)
- Next: [Ferris the Rustacean](/icons/ferris.md)
- [All icons](/icons.md)