Иконка Heroku

grommet-icons:heroku

Иконка Heroku (grommet-icons:heroku) — бесплатная SVG-иконка из набора Grommet Icons от Grommet. Она нарисована на сетке 24 × 24. Grommet Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Grommet Icons
Автор: Grommet
Лицензия: Apache-2.0
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.443 0H3.162A2.16 2.16 0 0 0 1 2.162V21.84C1 23.034 1.97 24 3.162 24h17.28a2.16 2.16 0 0 0 2.16-2.16V2.162A2.16 2.16 0 0 0 20.442 0m.958 21.84a.96.96 0 0 1-.958.96H3.162a.96.96 0 0 1-.962-.96V2.162c0-.532.432-.962.962-.962h17.28c.53 0 .96.43.96.962zm-15-1.439l2.701-2.4L6.4 15.6zm9.757-9.729c-.486-.488-1.373-1.071-2.856-1.071c-1.627 0-3.303.424-4.5.812V3.6H6.4v10.41l1.697-.769c.028-.013 2.763-1.239 5.205-1.239c1.218 0 1.488.67 1.501 1.231v7.17h2.398v-7.2c.003-.155-.012-1.486-1.043-2.53M13 7.5h2.401c1.085-1.228 1.637-2.536 1.8-3.899h-2.399c-.267 1.36-.858 2.66-1.802 3.9"/></svg>

Как использовать иконку Heroku

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="grommet-icons:heroku"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/grommet-icons/heroku.svg" alt="Иконка Heroku" width="24" height="24">

Иконка Heroku в других наборах

Вопросы и ответы: Иконка Heroku

Можно ли бесплатно использовать иконку Heroku в коммерческих проектах?

Да. Grommet Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Heroku в React?

Установите @iconify/react и выведите <Icon icon="grommet-icons:heroku" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Heroku на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/grommet-icons/heroku.svg" alt="Иконка Heroku">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Grommet Icons →