Ícone System76

simple-icons:system76

O ícone System76 (simple-icons:system76) é um ícone SVG gratuito da coleção Simple Icons de Simple Icons Collaborators. Ele é desenhado em uma grade de 24 × 24. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Simple Icons
Autor: Simple Icons Collaborators
Licença: CC0-1.0
Tamanho: 24 × 24

Baixar SVG

Código 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>

Como usar o ícone 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>

Web component

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

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/system76.svg" alt="Ícone System76" width="24" height="24">

O ícone System76 em outras coleções

Perguntas frequentes sobre Ícone System76

O ícone System76 é grátis para uso comercial?

Sim. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone System76 no React?

Instale @iconify/react e renderize <Icon icon="simple-icons:system76" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone System76 a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/simple-icons/system76.svg" alt="Ícone System76">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Simple Icons →