arch linux logo

arch-linux from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name
arch-linux
Set
Font Awesome Brands
Style
Brand
Viewbox
640×640
License
CC BY 4.0

The same logo in other sets

arch-linuxCoreUI Brands

Use the arch linux logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.7 56.2c-24.1 59-38.6 97.7-65.4 155c16.4 17.4 36.6 37.6 69.4 60.5c-35.2-14.5-59.2-28.9-77.2-44c-34.3 71.6-88.1 173.5-197.2 369.4c85.7-49.5 152.2-80 214.1-91.6c-2.7-11.4-4.1-23.8-4-36.7l.1-2.7c1.4-54.9 29.9-97.2 63.8-94.4s60.2 49.8 58.8 104.7c-.3 10.3-1.4 20.2-3.4 29.4c61.2 12 127 42.4 211.6 91.2c-16.7-30.7-31.6-58.3-45.8-84.7c-22.4-17.4-45.7-39.9-93.3-64.4c32.7 8.5 56.3 18.3 74.5 29.3C382.2 208.1 370.5 172.4 320.9 56.1z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsArchLinux(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.7 56.2c-24.1 59-38.6 97.7-65.4 155c16.4 17.4 36.6 37.6 69.4 60.5c-35.2-14.5-59.2-28.9-77.2-44c-34.3 71.6-88.1 173.5-197.2 369.4c85.7-49.5 152.2-80 214.1-91.6c-2.7-11.4-4.1-23.8-4-36.7l.1-2.7c1.4-54.9 29.9-97.2 63.8-94.4s60.2 49.8 58.8 104.7c-.3 10.3-1.4 20.2-3.4 29.4c61.2 12 127 42.4 211.6 91.2c-16.7-30.7-31.6-58.3-45.8-84.7c-22.4-17.4-45.7-39.9-93.3-64.4c32.7 8.5 56.3 18.3 74.5 29.3C382.2 208.1 370.5 172.4 320.9 56.1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.7 56.2c-24.1 59-38.6 97.7-65.4 155c16.4 17.4 36.6 37.6 69.4 60.5c-35.2-14.5-59.2-28.9-77.2-44c-34.3 71.6-88.1 173.5-197.2 369.4c85.7-49.5 152.2-80 214.1-91.6c-2.7-11.4-4.1-23.8-4-36.7l.1-2.7c1.4-54.9 29.9-97.2 63.8-94.4s60.2 49.8 58.8 104.7c-.3 10.3-1.4 20.2-3.4 29.4c61.2 12 127 42.4 211.6 91.2c-16.7-30.7-31.6-58.3-45.8-84.7c-22.4-17.4-45.7-39.9-93.3-64.4c32.7 8.5 56.3 18.3 74.5 29.3C382.2 208.1 370.5 172.4 320.9 56.1z"/></svg>
</template>

CSS

.icon-arch-linux {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.7%2056.2c-24.1%2059-38.6%2097.7-65.4%20155c16.4%2017.4%2036.6%2037.6%2069.4%2060.5c-35.2-14.5-59.2-28.9-77.2-44c-34.3%2071.6-88.1%20173.5-197.2%20369.4c85.7-49.5%20152.2-80%20214.1-91.6c-2.7-11.4-4.1-23.8-4-36.7l.1-2.7c1.4-54.9%2029.9-97.2%2063.8-94.4s60.2%2049.8%2058.8%20104.7c-.3%2010.3-1.4%2020.2-3.4%2029.4c61.2%2012%20127%2042.4%20211.6%2091.2c-16.7-30.7-31.6-58.3-45.8-84.7c-22.4-17.4-45.7-39.9-93.3-64.4c32.7%208.5%2056.3%2018.3%2074.5%2029.3C382.2%20208.1%20370.5%20172.4%20320.9%2056.1z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.7%2056.2c-24.1%2059-38.6%2097.7-65.4%20155c16.4%2017.4%2036.6%2037.6%2069.4%2060.5c-35.2-14.5-59.2-28.9-77.2-44c-34.3%2071.6-88.1%20173.5-197.2%20369.4c85.7-49.5%20152.2-80%20214.1-91.6c-2.7-11.4-4.1-23.8-4-36.7l.1-2.7c1.4-54.9%2029.9-97.2%2063.8-94.4s60.2%2049.8%2058.8%20104.7c-.3%2010.3-1.4%2020.2-3.4%2029.4c61.2%2012%20127%2042.4%20211.6%2091.2c-16.7-30.7-31.6-58.3-45.8-84.7c-22.4-17.4-45.7-39.9-93.3-64.4c32.7%208.5%2056.3%2018.3%2074.5%2029.3C382.2%20208.1%20370.5%20172.4%20320.9%2056.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/arch-linux.svg?color=%231a73e8&size=48