system76 logo

system76 from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
system76
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the system76 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function SimpleIconsSystem76(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-system76 {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.575.007A11.993%2011.993%200%200%200%203.52%2020.481l.124.121l6.532-12.11H3.188l1.227%202.066a.63.63%200%200%201%20.076.49a.68.68%200%200%201-.65.506a.64.64%200%200%201-.544-.298L1.474%208.188a.63.63%200%200%201-.095-.342v-.027a.65.65%200%200%201%20.642-.628h9.256c.167%200%20.368.06.47.14l.01.008a.73.73%200%200%201%20.22.942L4.908%2021.388a.7.7%200%200%201-.14.182a11.99%2011.99%200%200%200%2014.225.185h-5.632a.744.744%200%200%201-.744-.744v-.015a.744.744%200%200%201%20.744-.744h7.352a11.994%2011.994%200%200%200-.232-16.733a12%2012%200%200%200-1.618-1.358l-.003.006l-.033.099c-.233.433-2.941%205.33-3.838%206.951l-.329.595c-.753%201.302-1.099%202.767-.925%203.92a3.8%203.8%200%200%200%20.657%201.624a3.9%203.9%200%200%200%202.55%201.593a4%204%200%200%200%20.682.058a3.98%203.98%200%200%200%202.405-.798a3.8%203.8%200%200%200%201.48-2.412a3.78%203.78%200%200%200-.7-2.892a4%204%200%200%200-2.583-1.581l-.177-.026a.7.7%200%200%201-.614-.718a.7.7%200%200%201%20.233-.503a.7.7%200%200%201%20.549-.172a5.4%205.4%200%200%201%203.735%202.182a5.18%205.18%200%200%201%20.942%203.943a5.18%205.18%200%200%201-2.18%203.418a5.4%205.4%200%200%201-3.088.963h-.001a5.5%205.5%200%200%201-.915-.078a5.3%205.3%200%200%201-3.472-2.174a5.6%205.6%200%200%201-.425-.706c-.717-1.416-.753-3.07-.102-4.785a18%2018%200%200%201%20.758-1.678l4.078-7.45l.096-.117l.004-.008a12%2012%200%200%200-.98-.467a12%2012%200%200%200-5.093-.94z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.575.007A11.993%2011.993%200%200%200%203.52%2020.481l.124.121l6.532-12.11H3.188l1.227%202.066a.63.63%200%200%201%20.076.49a.68.68%200%200%201-.65.506a.64.64%200%200%201-.544-.298L1.474%208.188a.63.63%200%200%201-.095-.342v-.027a.65.65%200%200%201%20.642-.628h9.256c.167%200%20.368.06.47.14l.01.008a.73.73%200%200%201%20.22.942L4.908%2021.388a.7.7%200%200%201-.14.182a11.99%2011.99%200%200%200%2014.225.185h-5.632a.744.744%200%200%201-.744-.744v-.015a.744.744%200%200%201%20.744-.744h7.352a11.994%2011.994%200%200%200-.232-16.733a12%2012%200%200%200-1.618-1.358l-.003.006l-.033.099c-.233.433-2.941%205.33-3.838%206.951l-.329.595c-.753%201.302-1.099%202.767-.925%203.92a3.8%203.8%200%200%200%20.657%201.624a3.9%203.9%200%200%200%202.55%201.593a4%204%200%200%200%20.682.058a3.98%203.98%200%200%200%202.405-.798a3.8%203.8%200%200%200%201.48-2.412a3.78%203.78%200%200%200-.7-2.892a4%204%200%200%200-2.583-1.581l-.177-.026a.7.7%200%200%201-.614-.718a.7.7%200%200%201%20.233-.503a.7.7%200%200%201%20.549-.172a5.4%205.4%200%200%201%203.735%202.182a5.18%205.18%200%200%201%20.942%203.943a5.18%205.18%200%200%201-2.18%203.418a5.4%205.4%200%200%201-3.088.963h-.001a5.5%205.5%200%200%201-.915-.078a5.3%205.3%200%200%201-3.472-2.174a5.6%205.6%200%200%201-.425-.706c-.717-1.416-.753-3.07-.102-4.785a18%2018%200%200%201%20.758-1.678l4.078-7.45l.096-.117l.004-.008a12%2012%200%200%200-.98-.467a12%2012%200%200%200-5.093-.94z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/system76.svg?color=%231a73e8&size=48