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

Иконка Phpsysinfo

selfhst:phpsysinfo

Иконка Phpsysinfo (selfhst:phpsysinfo) — бесплатная 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="#1a1a1a" d="M473.9 512H38.1C17.1 512 0 494.9 0 473.9V38.1C0 17.1 17.1 0 38.1 0h435.8c21 0 38.1 17.1 38.1 38.1v435.8c0 21-17.1 38.1-38.1 38.1"/><path fill="#f7f7f7" d="M94.6 145c33.6 0 59.4 6.4 77.5 19.1c18.1 12.8 27.1 31.8 27.1 57.1c0 13.8-2.5 25.6-7.4 35.4s-12.1 17.7-21.4 23.8s-20.6 10.5-34 13.3c-13.3 2.8-28.4 4.1-45.2 4.1H64.6v88.7H31.1V150.9c9.4-2.3 19.9-3.8 31.6-4.7c11.6-.7 22.2-1.2 31.9-1.2m2.8 29.4c-14.3 0-25.2.3-32.8 1v93.8h25.2c11.5 0 21.8-.7 31-2.2s17-4 23.3-7.6s11.2-8.5 14.7-14.7c3.4-6.2 5.2-14.1 5.2-23.8c0-9.2-1.8-16.8-5.3-22.8c-3.6-6-8.4-10.7-14.5-14.3s-13.2-6-21.2-7.4c-8.2-1.3-16.7-2-25.6-2"/><path fill="#0b8e8e" d="M288.8 362.7c35 0 52.4-12 52.4-35.9c0-7.4-1.6-13.6-4.7-18.8q-4.65-7.8-12.6-13.5c-5.3-3.8-11.3-7.1-18.1-9.8c-6.8-2.8-14-5.5-21.6-8.3c-8.7-3-17-6.4-24.8-10.2q-11.7-5.7-20.4-13.5c-5.8-5.2-10.3-11.3-13.6-18.5c-3.3-7.1-5-15.8-5-25.9c0-20.9 7.1-37.3 21.4-49s33.9-17.6 59-17.6c14.5 0 27.7 1.6 39.5 4.7s20.5 6.5 26 10.2L355.8 184c-4.8-3-12-5.9-21.6-8.8c-9.5-2.9-20.6-4.3-33.3-4.3c-6.4 0-12.4.7-17.9 2.1s-10.3 3.4-14.5 6.2c-4.1 2.8-7.4 6.3-9.8 10.5q-3.6 6.45-3.6 15c0 6.4 1.3 11.8 3.8 16.2s6.1 8.2 10.7 11.6c4.6 3.3 9.9 6.4 16 9.1c6.1 2.8 12.8 5.5 20.2 8.3c10.3 4.1 19.8 8.3 28.5 12.4c8.6 4.1 16.1 9.1 22.4 14.8c6.3 5.8 11.2 12.6 14.7 20.5c3.4 7.9 5.2 17.5 5.2 28.8c0 20.9-7.6 37-22.9 48.3s-36.9 16.9-64.7 16.9c-9.4 0-18.1-.6-26-1.9s-15-2.8-21.2-4.5s-11.6-3.6-16-5.5c-4.5-2-8-3.6-10.5-5l10-27.6c5.3 3 13.3 6.3 24.1 10c10.6 3.8 23.8 5.6 39.4 5.6m150.5-227.2c-22.9 0-41.5 19.8-41.5 44.2c0 12.3 4.7 23.4 12.3 31.4c.9.9 1.3 2.2 1.3 3.4V363c0 14.5 10.9 27.1 25.3 28.4c16.5 1.5 30.4-11.5 30.4-27.8v-149c0-1.3.5-2.5 1.3-3.4c7.6-8 12.3-19.1 12.3-31.4c.2-24.5-18.4-44.3-41.4-44.3m16.4 66.5c-1.3 1.1-2.1 2.6-2.1 4.3V240h-16.3v5.9h16.3v42.6h-16.3v5.9h16.3V337h-16.3v5.9h16.3v20.2c0 7.9-6.4 14.2-14.2 14.2c-7.9 0-14.2-6.4-14.2-14.2V206.4c0-1.7-.8-3.3-2.1-4.3c-6.5-5.1-10.7-13.2-10.7-22.3c0-15.5 12.1-28 27-28s27 12.5 27 28c0 9-4.2 17.1-10.7 22.2"/><linearGradient id="SVGoWF1XdKd" x1="256" x2="256" y1="363.6" y2="514" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".01"/><stop offset="1" stop-color="#fff" stop-opacity=".15"/></linearGradient><path fill="url(#SVGoWF1XdKd)" d="M473.9 0H38.1C17.1 0 0 17.1 0 38.1v45.6c61.9 40.8 154.6 66.7 258.1 66.7c101.2 0 192-24.8 253.9-64V38.1c0-21-17.1-38.1-38.1-38.1"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все selfh.st/icons →