ICONYZ
Türkçe
SVG Logos setinden Heroku Icon ikonu

Heroku Icon ikonu

logos:heroku-icon

Heroku Icon ikonu (logos:heroku-icon), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 256 × 285 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
SVG Logos
Yazar
Gil Barbara
Lisans
CC0-1.0
Boyut
256 × 285
Etiketler
herokuicon
SVG indir

SVG kodu

<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>

Heroku Icon ikonu nasıl kullanılır

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 bileşeni

<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 görseli

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

SVG Logos setindeki benzer ikonlar

Heroku Icon ikonu: sık sorulan sorular

Heroku Icon ikonu ticari kullanım için ücretsiz mi?

Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Heroku Icon ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="logos:heroku-icon" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Heroku Icon ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/logos/heroku-icon.svg" alt="Heroku Icon ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: SVG Logos ikonları →