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

أيقونة Heroku Wordmark

devicon-plain:heroku-wordmark

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

المجموعة
Devicon Plain
المؤلف
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="currentColor" d="M39.3 89h53.3c4.6 0 8.3-3.7 8.3-8.3V10.3c0-4.6-3.7-8.3-8.3-8.3H39.3C34.7 2 31 5.7 31 10.3v70.3c0 4.7 3.7 8.4 8.3 8.4m38.2-75h10.8s-1.8 5-7.5 12H70.4c3.7-4 7.1-12 7.1-12M57 13.6v20.7s27-10.8 27 8.2V77h-8.8l-.2.1V42.3s2.3-8.3-27.8 3.4c-.1.1-.1-32.1-.1-32.1zM47 57.2l9.9 9.9L47 77zm-11.7 45.6c-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 120c-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 112c.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.5V94H2v31h4v-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.7V103h-4v16.7c0 3.7 1.3 6.3 5.6 6.3c2.7 0 7.4-.4 12.4-3.5V103zm-18.2 0h-5.4c-1.3 3-3.2 7-5.6 9H91V94h-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 125h4v-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.7"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

أيقونة heroku
heroku

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

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

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

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

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

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

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

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

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

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