Иконка System76

simple-icons:system76

Иконка System76 (simple-icons:system76) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple Icons
Автор: Simple Icons Collaborators
Лицензия: CC0-1.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" d="M11.575.007A11.993 11.993 0 0 0 3.52 20.481l.124.121l6.532-12.11H3.188l1.227 2.066a.63.63 0 0 1 .076.49a.68.68 0 0 1-.65.506a.64.64 0 0 1-.544-.298L1.474 8.188a.63.63 0 0 1-.095-.342v-.027a.65.65 0 0 1 .642-.628h9.256c.167 0 .368.06.47.14l.01.008a.73.73 0 0 1 .22.942L4.908 21.388a.7.7 0 0 1-.14.182a11.99 11.99 0 0 0 14.225.185h-5.632a.744.744 0 0 1-.744-.744v-.015a.744.744 0 0 1 .744-.744h7.352a11.994 11.994 0 0 0-.232-16.733a12 12 0 0 0-1.618-1.358l-.003.006l-.033.099c-.233.433-2.941 5.33-3.838 6.951l-.329.595c-.753 1.302-1.099 2.767-.925 3.92a3.8 3.8 0 0 0 .657 1.624a3.9 3.9 0 0 0 2.55 1.593a4 4 0 0 0 .682.058a3.98 3.98 0 0 0 2.405-.798a3.8 3.8 0 0 0 1.48-2.412a3.78 3.78 0 0 0-.7-2.892a4 4 0 0 0-2.583-1.581l-.177-.026a.7.7 0 0 1-.614-.718a.7.7 0 0 1 .233-.503a.7.7 0 0 1 .549-.172a5.4 5.4 0 0 1 3.735 2.182a5.18 5.18 0 0 1 .942 3.943a5.18 5.18 0 0 1-2.18 3.418a5.4 5.4 0 0 1-3.088.963h-.001a5.5 5.5 0 0 1-.915-.078a5.3 5.3 0 0 1-3.472-2.174a5.6 5.6 0 0 1-.425-.706c-.717-1.416-.753-3.07-.102-4.785a18 18 0 0 1 .758-1.678l4.078-7.45l.096-.117l.004-.008a12 12 0 0 0-.98-.467a12 12 0 0 0-5.093-.94z"/></svg>

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

React

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

<Icon icon="simple-icons:system76" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:system76" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:system76" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="simple-icons:system76"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Simple Icons →