Themeisle icon

fa-brands:themeisle

The Themeisle icon (fa-brands:themeisle) is a free SVG icon from the Font Awesome 5 Brands set by Dave Gandy. It is drawn on a 512 × 512 grid. Font Awesome 5 Brands icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Font Awesome 5 Brands
Author: Dave Gandy
License: CC-BY-4.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M208 88.286c0-10 6.286-21.714 17.715-21.714c11.142 0 17.714 11.714 17.714 21.714c0 10.285-6.572 21.714-17.714 21.714C214.286 110 208 98.571 208 88.286m304 160c0 36.001-11.429 102.286-36.286 129.714c-22.858 24.858-87.428 61.143-120.857 70.572l-1.143.286v32.571c0 16.286-12.572 30.571-29.143 30.571c-10 0-19.429-5.714-24.572-14.286c-5.427 8.572-14.856 14.286-24.856 14.286s-19.429-5.714-24.858-14.286c-5.142 8.572-14.571 14.286-24.57 14.286c-10.286 0-19.429-5.714-24.858-14.286c-5.143 8.572-14.571 14.286-24.571 14.286c-18.857 0-29.429-15.714-29.429-32.857c-16.286 12.285-35.715 19.428-56.571 19.428c-22 0-43.429-8.285-60.286-22.857c10.285-.286 20.571-2.286 30.285-5.714c-20.857-5.714-39.428-18.857-52-36.286c21.37 4.645 46.209 1.673 67.143-11.143c-22-22-56.571-58.857-68.572-87.428C1.143 321.714 0 303.714 0 289.429c0-49.714 20.286-160 86.286-160c10.571 0 18.857 4.858 23.143 14.857a159 159 0 0 1 12-15.428c2-2.572 5.714-5.429 7.143-8.286c7.999-12.571 11.714-21.142 21.714-34C182.571 45.428 232 17.143 285.143 17.143c6 0 12 .285 17.714 1.143C313.714 6.571 328.857 0 344.572 0c14.571 0 29.714 6 40 16.286c.857.858 1.428 2.286 1.428 3.428c0 3.714-10.285 13.429-12.857 16.286c4.286 1.429 15.714 6.858 15.714 12c0 2.857-2.857 5.143-4.571 7.143c31.429 27.714 49.429 67.143 56.286 108c4.286-5.143 10.285-8.572 17.143-8.572c10.571 0 20.857 7.144 28.571 14.001C507.143 187.143 512 221.714 512 248.286M188 89.428c0 18.286 12.571 37.143 32.286 37.143c19.714 0 32.285-18.857 32.285-37.143c0-18-12.571-36.857-32.285-36.857c-19.715 0-32.286 18.858-32.286 36.857M237.714 194c0-19.714 3.714-39.143 8.571-58.286c-52.039 79.534-13.531 184.571 68.858 184.571c21.428 0 42.571-7.714 60-20c2-7.429 3.714-14.857 3.714-22.572c0-14.286-6.286-21.428-20.572-21.428c-4.571 0-9.143.857-13.429 1.714c-63.343 12.668-107.142 3.669-107.142-63.999m-41.142 254.858c0-11.143-8.858-20.857-20.286-20.857s-20 9.715-20 20.857v32.571c0 11.143 8.571 21.142 20 21.142s20.286-9.715 20.286-21.142zm49.143 0c0-11.143-8.572-20.857-20-20.857s-20.286 9.715-20.286 20.857v32.571c0 11.143 8.857 21.142 20.286 21.142c11.428 0 20-10 20-21.142zm49.713 0c0-11.143-8.857-20.857-20.285-20.857s-20.286 9.715-20.286 20.857v32.571c0 11.143 8.857 21.142 20.286 21.142c11.428 0 20.285-9.715 20.285-21.142zm49.715 0c0-11.143-8.857-20.857-20.286-20.857c-11.428 0-20.286 9.715-20.286 20.857v32.571c0 11.143 8.858 21.142 20.286 21.142s20.286-10 20.286-21.142zM421.714 286c-30.857 59.142-90.285 102.572-158.571 102.572c-96.571 0-160.571-84.572-160.571-176.572q0-25.286 6-49.714c-20 33.715-29.714 72.572-29.714 111.429c0 60.286 24.857 121.715 71.429 160.857c5.143-9.714 14.857-16.286 26-16.286c10 0 19.428 5.714 24.571 14.286c5.429-8.571 14.571-14.286 24.858-14.286c10 0 19.428 5.714 24.571 14.286c5.429-8.571 14.857-14.286 24.858-14.286c10 0 19.428 5.714 24.857 14.286c5.143-8.571 14.571-14.286 24.572-14.286c10.857 0 20.857 6.572 25.714 16c43.427-36.286 68.569-92 71.426-148.286m10.572-99.714c0-53.714-34.571-105.714-92.572-105.714c-30.285 0-58.571 15.143-78.857 36.857C240.862 183.812 233.41 254 302.286 254c28.805 0 97.357-28.538 84.286 36.857c28.857-26 45.714-65.714 45.714-104.571"/></svg>

How to use the Themeisle icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa-brands:themeisle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa-brands:themeisle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa-brands:themeisle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--themeisle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:themeisle"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa-brands:themeisle"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa-brands/themeisle.svg" alt="Themeisle icon" width="24" height="24">

Themeisle icon in other icon sets

Themeisle icon FAQ

Is the Themeisle icon free for commercial use?

Yes. Font Awesome 5 Brands icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Themeisle icon in React?

Install @iconify/react and render <Icon icon="fa-brands:themeisle" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Themeisle icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa-brands/themeisle.svg" alt="Themeisle icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 5 Brands icons →