Иконка System76
selfhst:system76
Иконка System76 (selfhst:system76) — бесплатная 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 xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#574f4a" fill-opacity=".995" d="m402.5 46.1l-1.1 1.9c-5 9.3-62.8 113.8-81.9 148.4c-4.3 7.7-6.9 12.5-7 12.7c-16.1 27.8-23.5 59.1-19.8 83.7c1.9 12.5 6.8 24.5 14 34.7c13.1 18.2 32.4 30.3 54.4 34q3.45.6 6.9.9c2.5.2 5.1.3 7.7.3c18.7 0 36.4-5.9 51.3-17c17-12.7 28.2-30.9 31.6-51.5c3.7-21.8-1.6-43.7-15-61.8c-13.3-18-32.8-30-55.2-33.8c-1.2-.2-2.5-.4-3.8-.5c-7.6-1-13.3-7.5-13.1-15.3c.1-4.1 1.9-8 5-10.7c3.1-2.8 7.5-4.2 11.7-3.7c1.7.2 3.4.5 5.1.8c30.2 5.1 56.7 21.3 74.6 45.8c17.9 24.6 25.1 54.5 20.1 84.2s-21.5 55.6-46.5 73c-19.4 13.4-42.2 20.5-65.9 20.5c-3.4 0-6.9-.1-10.2-.4c-3-.3-6.2-.7-9.3-1.2c-30.2-5.1-56.5-21.6-74.1-46.4c-3.4-4.8-6.4-9.9-9.1-15.1c-15.3-30.2-16-65.5-2.2-102.1c4.8-12.5 10.6-24.7 16.1-35.8l87.1-159.1l1.6-2.9C339.8 10.5 299.5 0 256 0C114.6 0 0 114.6 0 256c0 72 29.7 137.1 77.6 183.6c0-.1 0-.1.1-.2l138.9-257.5H69l25.9 43.6c1.9 3.1 2.5 6.8 1.6 10.3s-3.1 6.5-6.3 8.6c-2.3 1.4-4.8 2.1-7.4 2.1c-4.7 0-9.1-2.4-11.5-6.3l-38.5-64.8c-1.4-2.2-2.1-4.7-2-7.2v-.5c.2-7.3 6.3-13.2 13.6-13.2h195.5c3.5 0 7.8 1.2 9.9 2.9l.2.2c6.3 4.5 8.3 13 4.6 19.9L101.9 460c43.1 32.9 95.6 52 154.1 52c141.4 0 256-114.6 256-256c0-87-43.1-163.7-109.5-209.9"/><path fill="#f9ac1e" d="M269.7 448.3v.3c0 8.7 6.3 15.8 14.1 15.8h120.9c13.2-9.5 25.5-20.1 36.7-31.9H283.8c-7.8 0-14.1 7.1-14.1 15.8"/></svg>Как использовать иконку System76
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:system76" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:system76" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:system76" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--system76]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:system76"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:system76"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/system76.svg" alt="Иконка System76" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Иконка System76 в других наборах
Вопросы и ответы: Иконка System76
Можно ли бесплатно использовать иконку System76 в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку System76 в React?
Установите @iconify/react и выведите <Icon icon="selfhst:system76" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку System76 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/system76.svg" alt="Иконка System76">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.