ICONYZ
Русский
Иконка Portabase из набора selfh.st/icons

Иконка Portabase

selfhst:portabase

Иконка Portabase (selfhst:portabase) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
selfh.st/icons
Автор
selfh.st
Лицензия
CC-BY-4.0
Размер
512 × 512
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#f60" fill-rule="evenodd" d="M242.1 23.1c-12.4 1.4-26.6 5.8-38.5 12c-30.6 15.9-52.4 44.4-60 78.7c-1.7 7.8-2.9 18.6-2.8 25.5l.1 3.9l-2-.4c-19.3-4-42.4-2.6-60.5 3.7c-3.2 1.1-9.8 4-14.5 6.4C28.5 170.6 4.8 205.3.5 245.3c-1.3 12.2.2 29 3.6 41.7c7.3 27 24.3 50.5 47.9 66.1c12 8 25.1 13.4 40.4 16.8l8 1.8l42.8.2c23.6.1 43.2.4 43.7.5c.5.2.8.6.8.9s-3.2 5.5-7.1 11.5s-9.7 15-12.8 20c-3.2 5-11.8 18.5-19.3 30c-33.3 51.9-32.6 50.8-32.4 52.6l.2 1.8l43.2.2l43.2.2l10.7-16.6c5.9-9.1 11.1-16.9 11.6-17.3c.6-.5 24.4-.8 75.5-.9c73.5-.2 74.8-.3 82.3-1.7c25.6-4.9 47.4-14.5 67.7-29.7c8.5-6.4 23.7-21.8 30.3-30.7c22.6-30.4 33.5-67.3 30.8-104.4c-1.2-16-3.7-28.5-8.6-42.2c-15.7-43.9-49.9-78.6-93.3-94.6c-8.3-3.1-22.1-6.6-29.9-7.6c-9.4-1.2-8.6-.8-8.6-4.9c.2-11.6-2.5-27.6-6.5-39.2c-2.2-6.4-7.9-18.2-11.6-24c-10.3-16.3-27.9-32.3-45-41c-20.1-10.1-43.4-14.3-66-11.7m40.4 203.3c-.6.7-18.7 29-40.4 62.9c-21.7 34-41.5 65.1-44.1 69.1c-7.4 11.5-7.9 12.4-7.2 13.1c.4.4 32.8.6 88.2.4c86.9-.2 87.6-.2 93.3-1.7c25-6.2 44.3-23.4 52.7-47.3c6.5-18.3 5.4-38.4-2.9-55.9c-9.3-19.6-26.6-33.9-47.8-39.7l-6.4-1.8l-42.2-.2c-40-.1-42.3 0-43.2 1.1"/></svg>

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

React

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

<Icon icon="selfhst:portabase" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:portabase" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:portabase" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--portabase]"></span>

UnoCSS

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

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

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

<iconify-icon icon="selfhst:portabase"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/selfhst/portabase.svg" alt="Иконка Portabase" width="24" height="24">

Похожие иконки в наборе selfh.st/icons

Иконка portabase-dark
portabase-dark
 Иконка portabase-light
portabase-light

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

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

Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все selfh.st/icons →