Иконка Ibm I

carbon:ibm-i

Иконка Ibm I (carbon:ibm-i) — бесплатная SVG-иконка из набора Carbon от IBM. Она нарисована на сетке 32 × 32. Carbon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Carbon
Автор: IBM
Лицензия: Apache-2.0
Размер: 32 × 32
Категория: Предприятия
Теги: ibmi

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M.327 21v-1.694h1.26v-6.384H.327v-1.694h4.648v1.694h-1.26v6.384h1.26V21zm6.426-9.772H11.5q1.218 0 1.897.686c.465.489.71 1.146.679 1.82c.008.324-.042.646-.147.952a1.8 1.8 0 0 1-.392.644a1.5 1.5 0 0 1-.575.371a2.3 2.3 0 0 1-.707.133v.084c.25.002.498.045.735.125c.259.086.5.222.707.4c.226.197.409.437.539.707c.154.333.228.697.217 1.064c.002.37-.062.737-.189 1.085a2.8 2.8 0 0 1-.525.889a2.45 2.45 0 0 1-.798.595a2.34 2.34 0 0 1-1.009.217h-5.18zm2.128 4.004h2.114a.825.825 0 0 0 .896-.896v-.42a.825.825 0 0 0-.896-.896H8.881zm0 3.975h2.45a.93.93 0 0 0 .665-.231a.85.85 0 0 0 .245-.65v-.476a.85.85 0 0 0-.245-.65a.93.93 0 0 0-.665-.231h-2.45zM23.4 14.588h-.042l-.714 1.428l-1.905 3.459l-1.862-3.445l-.742-1.54h-.042V21h-2.002v-9.772h2.254l2.394 4.578h.028l2.366-4.578H25.4V21h-2zm6.971-1.722a1.25 1.25 0 0 1-.917-.287a1 1 0 0 1-.287-.735v-.308a1 1 0 0 1 .287-.735a1.61 1.61 0 0 1 1.834 0a1 1 0 0 1 .287.735v.308a1 1 0 0 1-.287.735a1.25 1.25 0 0 1-.917.287m-1.036.784h2.072V21h-2.072z"/></svg>

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

React

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

<Icon icon="carbon:ibm-i" width="24" />

Vue

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

<template>
  <Icon icon="carbon:ibm-i" width="24" />
</template>

Svelte

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

<Icon icon="carbon:ibm-i" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--ibm-i]"></span>

UnoCSS

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

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

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

<iconify-icon icon="carbon:ibm-i"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/carbon/ibm-i.svg" alt="Иконка Ibm I" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Carbon →