ICONYZ
English
Heroku Icon icon from SVG Logos

Heroku Icon icon

logos:heroku-icon

The Heroku Icon icon (logos:heroku-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 285 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 × 285
Tags
herokuicon
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="285" viewBox="0 0 256 285"><path fill="#430098" d="M230.4 0c13.996 0 25.37 11.232 25.597 25.177l.003.423v233.244c0 13.996-11.235 25.37-25.177 25.597l-.423.003H25.6c-13.996 0-25.37-11.235-25.597-25.176L0 258.844V25.6C0 11.601 11.235.23 25.177.003L25.6 0zm0 14.222H25.6c-6.174 0-11.218 4.948-11.374 11.085l-.004.293v233.244c0 6.174 4.948 11.218 11.085 11.374l.293.004h204.8c6.177 0 11.218-4.947 11.374-11.084l.004-.294V25.6c0-6.272-5.102-11.378-11.378-11.378M64 184.89l32 28.444l-32 28.445zM92.444 42.667v80.75c14.201-4.622 34.052-9.64 53.334-9.64c17.582 0 28.106 6.913 33.838 12.712c12.109 12.25 12.397 27.82 12.381 29.897v.058l.003 85.334h-28.444v-84.942c-.14-6.639-3.34-14.614-17.778-14.614c-28.632 0-60.714 14.257-61.666 14.683l-.02.009L64 166.016V42.666zm99.556 0c-1.92 16.156-8.47 31.644-21.333 46.222h-28.445c11.179-14.667 18.198-30.101 21.334-46.222Z"/></svg>

How to use the Heroku Icon icon

React

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

<Icon icon="logos:heroku-icon" width="24" />

Vue

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

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

Svelte

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

<Icon icon="logos:heroku-icon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/logos/heroku-icon.svg" alt="Heroku Icon icon" width="24" height="24">

Related icons in SVG Logos

heroku icon
heroku
 heroku-redis icon
heroku-redis

Heroku Icon icon FAQ

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

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

How do I add the Heroku Icon icon to a web page?

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

Browse all SVG Logos icons →