ICONYZ
العربية
أيقونة Heroku Wordmark من Devicon

أيقونة Heroku Wordmark

devicon:heroku-wordmark

أيقونة Heroku Wordmark (devicon:heroku-wordmark) أيقونة SVG مجانية من مجموعة Devicon من تصميم konpa. مرسومة على شبكة 128 × 128. تُنشر Devicon icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Devicon
المؤلف
konpa
الترخيص
MIT
الحجم
128 × 128
الوسوم
herokuwordmark
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#6762a6" d="M35.3 101.8c-4 0-7.3.5-9.7 1.4c-.9 3.2-1.3 6.6-1.3 10.4c0 7 1.2 11.3 9.2 11.3c3.7 0 6.8-1.1 9.3-2.3L42 119c-2.4.9-5.5 1.7-8.2 1.7c-3.5 0-4.6-.9-4.8-6.9h15v-2.2c0-6.1-2.2-9.8-8.7-9.8M29 111c.1-3 .3-3.8.5-4.7c1.9-.4 4.1-.4 5.6-.4c3.3 0 3.9 2.1 3.9 5.1zm-15.1-9.2c-2.7 0-4.9.7-7.9 1.5V93H2v31h4v-16.6c3-1 5-1.5 7-1.5c1 0 2 .5 2 1.7v16.9l.4-.4H20v-15.8c0-3.8-1.8-6.5-6.1-6.5m108.1.2v17.4c-3 1-5.6 1.5-7.7 1.5c-1 0-2.3-.5-2.3-1.7V102h-4v16.7c0 3.7 1.3 6.3 5.6 6.3c2.7 0 7.4-.4 12.4-3.5V102zm-18.2 0h-5.4c-1.3 3-3.2 7-5.6 9H91V93h-5v31h5v-10h2.1c2.8 3 4.6 7 6 10h5.6c-2.1-4-4.5-8.4-7.7-12.4c2.6-2.7 5-5.6 6.8-9.6M48 124h4v-16.6c2-.8 5-1.1 7-1.2v-4c-3 .2-7 .9-11 3.1zm23.4-22.2c-6.1 0-10.3 3.2-10.3 11.7c0 8 3.2 11.5 10.3 11.5c6.1 0 10.3-3.2 10.3-11.7c0-8-3.2-11.5-10.3-11.5m0 19.2c-4 0-5.7-1.4-5.7-7.5c0-5.6 2-7.7 5.7-7.7c4 0 5.7 1.4 5.7 7.5c-.1 5.6-2.1 7.7-5.7 7.7M99 10.3C99 5.7 95.3 2 90.7 2H37.3C32.7 2 29 5.7 29 10.3v70.4c0 4.6 3.7 8.3 8.3 8.3h53.4c4.6 0 8.3-3.7 8.3-8.3zm-67 .5C32 7.5 34.5 5 37.7 5h52.5c3.3 0 5.8 2.6 5.8 5.8v69.4c0 3.3-2.5 5.9-5.7 5.9H37.7c-3.3 0-5.7-2.6-5.7-5.9zM85.9 14H75.2s-3.4 8-7.1 12h10.4c5.6-7 7.4-12 7.4-12M45 76.9l9.8-9.9l-9.8-9.8zm28-34.5v34.5l-.1.1H82V42.5c0-18.9-27-8.2-27-8.2V13.8l-9.8.1s0 32 .1 31.9C75.2 34.2 73 42.4 73 42.4"/></svg>

كيفية استخدام أيقونة Heroku Wordmark

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="devicon:heroku-wordmark"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/devicon/heroku-wordmark.svg" alt="أيقونة Heroku Wordmark" width="24" height="24">

أيقونات ذات صلة في Devicon

أيقونة heroku
heroku

أيقونة Heroku Wordmark في مجموعات أخرى

أيقونة Heroku Wordmark من Devicon Plain
Devicon Plain

الأسئلة الشائعة حول أيقونة Heroku Wordmark

هل أيقونة Heroku Wordmark مجانية للاستخدام التجاري؟

نعم. تُنشر Devicon icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Heroku Wordmark في React؟

ثبّت @iconify/react واعرض <Icon icon="devicon:heroku-wordmark" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Heroku Wordmark إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/devicon/heroku-wordmark.svg" alt="أيقونة Heroku Wordmark">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Devicon →