ICONYZ
English
Gunicorn icon from SVG Logos

Gunicorn icon

logos:gunicorn

The Gunicorn icon (logos:gunicorn) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 156 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 × 156
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="156" viewBox="0 0 256 156"><defs><linearGradient id="SVGRNgFsoNR" x1="73.716%" x2="8.171%" y1="4.105%" y2="50%"><stop offset="0%" stop-color="#959595"/><stop offset="100%" stop-color="#ccc"/></linearGradient></defs><path fill="url(#SVGRNgFsoNR)" d="M255.854 146.503c0 4.996-57.275 9.046-127.927 9.046S0 151.499 0 146.503c0-3.231 24.383-6.217 63.963-7.833c39.581-1.616 88.347-1.616 127.927 0s63.964 4.602 63.964 7.833" opacity=".264"/><path fill="#499848" d="M110.639 150.146c-2.477-.789-2.486-1.137-.204-8.065c2.279-6.918 1.234-13.343-2.99-18.393c-5.743-6.867-8.51-12.727-9.391-19.897c-.757-6.156-.997-6.644-3.503-7.125c-1.68-.322-4.003.317-9.537 2.625c-8.052 3.359-9.97 4.834-11.87 9.128c-.997 2.256-1.117 3.607-.551 6.217c.691 3.186 3.524 8.316 4.597 8.322c.28.002 1.826 1.061 3.436 2.354c2.671 2.145 2.855 2.517 2.099 4.266c-1.643 3.799-5.545 8.405-7.122 8.405c-.884 0-4.495-2.53-8.47-5.934c-7.81-6.686-8.137-7.356-8.943-18.316c-.962-13.076 2.253-19.179 16.575-31.456l8.982-7.7l.574-4.672c.591-4.815-.243-16.28-1.645-22.61c-.828-3.738-3.56-7.3-6.154-8.019c-2.826-.784-4.482.834-6.632 6.476c-2.32 6.088-4.536 8.212-8.57 8.212c-2.513 0-4.859-1.608-6.478-4.44c-1.16-2.03-1.834-14.223-1.14-20.642c.334-3.087.353-6.213.043-6.947c-.505-1.193-4.853-3.773-15.103-8.964c-1.863-.944-4.035-2.215-4.827-2.824c-.792-.61-2.846-1.73-4.565-2.49C25.356 5.938 15.203 0 16.153 0c1.799 0 9.42 2.346 13.476 4.148c2.477 1.1 4.847 2 5.268 2s5.196 1.537 10.61 3.415c5.415 1.879 10.364 3.416 10.998 3.416c1.506 0 1.742-1.303 1.26-6.95c-.22-2.564-.21-4.663.02-4.663c.232 0 1.23.495 2.218 1.1c3.02 1.85 9.516 2.982 17.15 2.99c7.301.01 16.83 1.457 20.472 3.112c5.225 2.374 11.285 9.79 18.973 23.216c5.344 9.334 11.087 13.286 19.317 13.295c3.327.004 12.204-1.368 24.225-3.743c9.911-1.958 22.996-2.398 28.075-.944c6.195 1.774 14.388 6.515 21.161 12.247c6.34 5.366 7.317 6.557 11.211 13.677c4.648 8.496 9.777 20.572 14.339 33.756c.65 1.878 2.023 5.038 3.05 7.022c2.743 5.292 2.607 5.615-2.377 5.615c-5.41 0-7.947-.853-11.493-3.864c-3.401-2.889-4.29-4.656-9.613-19.12c-2.727-7.408-5.381-11.853-7.078-11.853c-1.162 0-3.515 7.939-3.515 11.861c0 2.786 1.746 6.55 6.26 13.494c7.331 11.28 11.189 27.228 9.645 39.88l-.667 5.464l-4.887.203c-7.693.32-7.616.427-7.616-10.574c0-11.711-.798-14.248-5.966-18.971c-2.147-1.962-6.963-7.536-10.703-12.387c-3.74-4.85-7.322-8.82-7.96-8.82c-1.464 0-2.195 3.99-2.273 12.414c-.05 5.549-.27 6.488-1.906 8.197c-4.438 4.635-7.553 13.075-9.473 25.666c-.425 2.787-.79 3.308-2.596 3.714c-2.657.596-10.017.694-10.652.141c-.547-.477.412-8.045 2.586-20.417c.826-4.696 1.727-10.998 2.002-14.004c.491-5.35-.606-15.374-1.904-17.403c-.54-.843-3.289-1.026-16.147-1.073c-8.522-.031-17.87-.311-20.77-.623l-5.275-.566v2.34c0 2.507.643 4.717 4.939 16.984c1.513 4.32 3.706 10.907 4.872 14.637l2.122 6.781l-1.79 5.514c-.985 3.033-2.446 6.667-3.248 8.076c-1.413 2.485-1.579 2.56-5.543 2.508c-2.248-.03-5.088-.373-6.311-.762"/></svg>

How to use the Gunicorn icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Gunicorn icon in other icon sets

Gunicorn icon FAQ

Is the Gunicorn 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 Gunicorn icon in React?

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

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

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

Browse all SVG Logos icons →