Deployhq icon

logos:deployhq

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="123" viewBox="0 0 512 123"><path d="m492.053 73.251l-7.393-8.767l6.16-5.229l7.703 9.151c3.157-3.767 4.698-8.228 4.698-13.226c0-5.614-1.85-10.306-5.545-14.151c-3.698-3.768-8.318-5.69-13.786-5.69c-5.469 0-10.09 1.922-13.787 5.69c-3.774 3.845-5.622 8.537-5.622 14.151s1.848 10.304 5.622 14.073c3.697 3.844 8.318 5.767 13.787 5.767c2.926 0 5.622-.616 8.163-1.77m11.938 1.539l6.622 7.92l-6.16 5.23l-7.008-8.305c-4.16 2.153-8.704 3.229-13.555 3.229c-7.934 0-14.634-2.691-20.025-7.998c-5.468-5.306-8.164-11.92-8.164-19.686c0-7.767 2.696-14.382 8.164-19.687c5.391-5.307 12.091-7.998 20.025-7.998c7.932 0 14.556 2.69 20.024 7.998c5.39 5.305 8.086 11.92 8.086 19.687c0 7.844-2.696 14.38-8.009 19.61m-93.262 7.305h-8.55v-53.83h8.55v23.147h28.958V28.264h8.47v53.831h-8.47V58.948h-28.958zM376.46 69.098l9.473-26.994h12.477l-21.334 55.37h-12.477l5.238-13.61l-16.096-41.76h13.246zm-52.29-6.999c0 2.691.846 4.999 2.541 6.767q2.426 2.77 6.239 2.77c2.542 0 4.62-.923 6.315-2.77c1.617-1.768 2.465-4.076 2.465-6.767c0-2.69-.848-4.997-2.465-6.844c-1.694-1.768-3.773-2.692-6.315-2.692s-4.622.924-6.239 2.692c-1.695 1.847-2.542 4.153-2.542 6.844m-12.785 0c0-5.921 2.08-10.843 6.238-14.841c4.082-3.922 9.242-5.923 15.327-5.923s11.244 2 15.403 5.923c4.082 3.998 6.161 8.92 6.161 14.841c0 5.922-2.079 10.843-6.161 14.766c-4.16 3.998-9.32 5.998-15.403 5.998c-6.085 0-11.245-2-15.327-5.998q-6.238-5.884-6.238-14.766m-18.482 19.995h12.322V25.187h-12.322zm-27.72-10.459c2.54 0 4.62-.922 6.315-2.769c1.617-1.768 2.464-4.076 2.464-6.767c0-2.69-.847-4.997-2.464-6.844c-1.695-1.768-3.775-2.692-6.316-2.692s-4.62.924-6.239 2.692c-1.694 1.847-2.54 4.153-2.54 6.844s.846 4.999 2.54 6.767q2.426 2.77 6.24 2.77m16.173-24.377c3.62 3.998 5.39 8.92 5.39 14.841c0 5.922-1.77 10.843-5.39 14.766c-3.62 3.998-8.164 5.998-13.479 5.998c-4.544 0-8.394-1.538-11.475-4.614v19.226h-12.322v-55.37h12.322v3.845c3.081-3.076 6.931-4.615 11.475-4.615c5.315 0 9.859 2 13.479 5.923M208.58 57.333h16.405c-1.463-3.691-4.236-5.537-8.241-5.537c-3.62 0-6.624 2.153-8.164 5.537m24.722-8.46c4.082 4.998 5.47 10.92 4.16 17.688h-29.037c1.463 3.614 4.853 5.844 9.088 5.844c3.774 0 6.547-1.46 8.395-4.46l10.012 4.614c-3.773 6.229-10.473 10.305-18.791 10.305c-6.085 0-11.245-2-15.326-5.998q-6.239-5.884-6.239-14.766c0-5.921 2.003-10.843 6.085-14.841c4.081-3.922 9.087-5.923 15.095-5.923c6.932 0 12.476 2.539 16.558 7.538M155.519 39.8v30.76h8.165c4.543 0 8.24-1.46 11.09-4.306q4.158-4.268 4.158-11.073q0-6.807-4.158-11.075c-2.85-2.844-6.547-4.306-11.09-4.306zm-13.092 42.295V28.264h22.412c7.932 0 14.556 2.538 19.793 7.69c5.236 5.152 7.855 11.612 7.855 19.226q0 11.42-7.855 19.147c-5.237 5.154-11.861 7.768-19.793 7.768z"/><path fill="#40cf9f" d="m483.761 64.336l7.105-5.947l5.956 7.094z"/><path fill="#4b25bb" d="m504.366 88.736l-5.971-7.11l13.092 1.149zM24.569 98.138V73.605L0 98.138zm49.138 0H49.138V24.54h24.569z"/><path d="M73.706 122.663H24.569L49.137 98.13zM24.569 36.799c0 6.775 5.5 12.266 12.284 12.266s12.284-5.491 12.284-12.266s-5.5-12.266-12.284-12.266s-12.284 5.491-12.284 12.266"/><path fill="#40cf9f" d="M73.707 98.138h24.568L73.707 73.605zM49.137 0l24.569 24.532H24.569zm0 98.139H24.569V49.073h24.568z"/></svg>

How to use the Deployhq icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Deployhq icon FAQ

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

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

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

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

Browse all SVG Logos icons →