Verdaccio icon

logos:verdaccio

The Verdaccio icon (logos:verdaccio) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 96 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: 512 × 96

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="96" viewBox="0 0 512 96"><path fill="#405236" d="m183.515 73.162l33.524-61.343h-4.91L188.13 56.63q-3.063 5.707-5.203 10.364h-.168q-.376-6.21-1.468-15.315l-4.91-39.86h-4.195l7.636 61.343zm45.188.839q6.672 0 12.546-2.895v-3.944q-6.042 3.063-11.58 3.063q-5.833 0-8.938-3.63t-3.105-10.552q0-2.265.252-4.112h1.385q13.51 0 20.37-3.986t6.86-11.58q0-4.406-2.853-6.965t-7.636-2.56q-6.294 0-11.518 4.112q-5.223 4.112-8.202 11.077a36.65 36.65 0 0 0-2.98 14.56q0 8.224 4.07 12.817q4.07 4.595 11.33 4.595m-8.182-25.762h-2.056q2.1-8.098 6.819-12.944q4.72-4.845 10.216-4.846q3.063 0 4.888 1.825q1.826 1.825 1.826 4.636q0 11.33-21.693 11.329m34.574 24.923l4.195-20.182q1.344-6.252 4.196-11.622q2.853-5.37 6.42-8.056q3.565-2.685 7.51-2.685q2.77 0 4.741.629l.882-3.902q-2.266-.588-5.161-.588q-2.811 0-5.182.965q-2.37.966-4.469 2.707q-2.097 1.74-5.16 5.685h-.252l1.217-8.56h-3.357l-9.692 45.609zm40.489.839q10.53 0 17.79-12.336h.252l-1.888 11.497h3.44l13.846-65.287h-4.154q-5.496 25.385-6 28.154h-.167q-2.056-9.189-11.707-9.189q-6.63 0-11.916 4.259t-8.286 11.685t-3 15.525q0 15.692 11.79 15.692m.965-3.776q-8.433 0-8.434-12.378q0-7.05 2.686-13.741q2.685-6.692 6.88-10.175q4.196-3.482 9.4-3.482q4.488 0 7.07 3.168q2.58 3.167 2.58 8.454q0 3.525-1.51 8.79t-4.47 9.692t-6.713 7.05t-7.49 2.622M343.122 74q5.622 0 9.944-3.189t7.846-9.147h.252l-1.888 11.497h3.44l9.609-45.608h-3.357l-2.475 8.475h-.252q-1.972-9.189-11.706-9.189q-6.378 0-11.644 4.091q-5.265 4.091-8.412 11.602q-3.147 7.51-3.147 15.776q0 15.692 11.79 15.692m.965-3.776q-4.238 0-6.336-3t-2.097-9.378q0-6.797 2.685-13.657t6.881-10.3t9.399-3.441q3.188 0 5.328 1.531q2.14 1.532 3.23 4.154q1.092 2.622 1.092 5.937q0 3.651-1.553 8.937t-4.51 9.65t-6.671 6.965q-3.714 2.602-7.448 2.602M394.604 74q6.588 0 11.455-2.392v-3.86q-2.979 1.385-5.518 1.93q-2.538.546-5.517.546q-5.664 0-8.748-3.588t-3.084-10.216q0-7.344 2.475-13.427t6.818-9.315q4.343-3.23 9.756-3.23q4.656 0 9.146 1.972l1.175-3.776q-4.489-1.805-10.112-1.805q-6.922 0-12.167 3.714t-8.329 10.783q-3.084 7.07-3.084 15.167q0 8.225 4.217 12.86Q387.303 74 394.604 74m37.217 0q6.587 0 11.454-2.392v-3.86q-2.979 1.385-5.517 1.93q-2.538.546-5.518.546q-5.664 0-8.748-3.588t-3.084-10.216q0-7.344 2.476-13.427t6.818-9.315q4.343-3.23 9.755-3.23q4.657 0 9.147 1.972l1.175-3.776q-4.49-1.805-10.112-1.805q-6.923 0-12.168 3.714t-8.328 10.783t-3.084 15.167q0 8.225 4.216 12.86Q424.52 74 431.821 74m34.405-55.049q1.469 0 2.392-1.384t.923-3.777q0-3.02-2.392-3.02q-1.594 0-2.517 1.384q-.923 1.385-.923 3.692q0 1.47.65 2.287q.65.819 1.867.818m-9.902 54.21l9.609-45.608h-4.028l-9.693 45.608zM488.8 74q6.796 0 12-3.776q5.202-3.777 8.202-10.972t3-15.462q0-8.013-4.133-12.566q-4.132-4.553-11.685-4.553q-6.587 0-11.79 3.777q-5.203 3.776-8.266 10.783t-3.063 15.02q0 8.56 4.007 13.154Q481.079 74 488.8 74m.42-3.608q-11.833 0-11.833-14.35q0-6.88 2.476-13.028q2.475-6.147 6.629-9.44q4.154-3.294 9.356-3.294q5.75 0 8.812 3.482t3.062 9.944q0 7.553-2.454 13.867t-6.587 9.567q-4.134 3.252-9.462 3.252"/><path stroke="#0f5200" stroke-linecap="square" stroke-width="1.6" d="M132.948 41.951v13.37" opacity=".101"/><path fill="#405236" d="M96.468 34.048L65.663 95.657H47.829L0 0h30.805l25.941 51.882l8.917-17.834z"/><path fill="#cd4000" d="M56.746 22.698v-4.864l17.024-.002l2.43-4.862H64.852V8.107l13.782-.002l1.621-3.243l-7.296.002V0h40.533l-11.349 22.698z"/><path fill="#4a5e3f" d="m27.793 4.864l38.869 77.995l-3.998 7.934H50.832L7.867 4.864z"/></svg>

How to use the Verdaccio icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Verdaccio icon in other icon sets

Verdaccio icon FAQ

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

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

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

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

Browse all SVG Logos icons →