Fuchsia icon

logos:fuchsia

The Fuchsia icon (logos:fuchsia) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 229 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 229

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="229" viewBox="0 0 256 229"><path fill="#ed1d7f" d="M106.64.245c62.915-4.092 117.135 43.479 121.739 105.883v13.81c0 1.535-1.024 2.558-2.558 2.558h-.512c-1.023 0-1.534-.511-2.046-1.023s-.511-1.534-.511-2.046c.511-4.092.511-8.696 0-12.788C218.66 46.793 166.997 1.78 107.15 5.872C47.304 9.964 2.29 61.627 6.384 121.473c4.092 59.847 55.754 104.86 114.578 100.767c11.764-1.023 22.506-3.58 33.248-7.672h1.023c1.534-.512 2.557.511 3.069 1.534c.511 1.535 0 3.07-1.535 3.58c-11.253 4.604-23.018 7.162-34.782 8.185C59.069 232.471 4.337 184.9.245 121.985S43.724 4.849 106.64.245m130.434 139.642C248.84 149.095 256 162.905 256 178.762c0 27.622-24.04 50.128-51.15 50.128s-49.617-21.995-49.617-49.616c0-10.742 3.58-20.46 9.207-28.645c19.437-28.133 12.788-67.008-15.345-86.956c-28.133-19.438-67.008-12.788-86.957 15.345c-19.437 28.133-12.788 67.008 15.345 86.956c23.018 15.857 52.686 14.323 73.658-1.534c-2.558 9.719-2.558 19.949 0 29.156c-27.11 13.3-60.87 11.765-87.468-7.161c-39.898-28.133-49.105-82.353-21.484-121.74c28.133-39.897 82.353-49.104 121.74-21.483c39.897 28.133 49.104 82.353 21.483 121.74c-3.07 4.091-4.604 9.207-4.604 14.322c0 13.81 11.253 25.064 25.064 25.064s25.064-11.254 25.064-25.064c0-7.673-3.58-14.834-9.207-19.438c-4.092-3.58-9.207-5.626-15.345-5.626c-2.046 0-4.092 0-6.139.511c3.581-8.184 6.139-16.368 7.673-25.575c10.742 0 20.972 4.092 29.156 10.741"/></svg>

How to use the Fuchsia icon

React

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

<Icon icon="logos:fuchsia" width="24" />

Vue

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

<template>
  <Icon icon="logos:fuchsia" width="24" />
</template>

Svelte

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

<Icon icon="logos:fuchsia" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--fuchsia]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:fuchsia"></div>

Web component

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

<iconify-icon icon="logos:fuchsia"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/fuchsia.svg" alt="Fuchsia icon" width="24" height="24">

Fuchsia icon FAQ

Is the Fuchsia icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Fuchsia icon in React?

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

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

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

Browse all SVG Logos icons →