archlinux logo

archlinux from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
archlinux
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

The same logo in other sets

archlinuxDeviconarchlinuxSimple Icons

Use the archlinux logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#1793d1" d="M127.976 0c-11.397 27.936-18.27 46.21-30.959 73.315c7.78 8.245 17.329 17.846 32.837 28.69c-16.673-6.859-28.045-13.746-36.544-20.892C77.07 114.992 51.63 163.25 0 256c40.579-23.422 72.035-37.863 101.35-43.373a74.3 74.3 0 0 1-1.926-17.378l.049-1.3c.644-25.992 14.168-45.98 30.188-44.624c16.02 1.357 28.473 23.542 27.83 49.535c-.122 4.89-.674 9.596-1.638 13.96C184.851 218.49 215.97 232.894 256 256c-7.893-14.529-14.938-27.626-21.666-40.1c-10.598-8.212-21.652-18.9-44.2-30.47c15.498 4.025 26.595 8.67 35.244 13.863C156.973 71.958 151.434 55.038 127.976 0"/></svg>

React

import type { SVGProps } from "react";

export function LogosArchlinux(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#1793d1" d="M127.976 0c-11.397 27.936-18.27 46.21-30.959 73.315c7.78 8.245 17.329 17.846 32.837 28.69c-16.673-6.859-28.045-13.746-36.544-20.892C77.07 114.992 51.63 163.25 0 256c40.579-23.422 72.035-37.863 101.35-43.373a74.3 74.3 0 0 1-1.926-17.378l.049-1.3c.644-25.992 14.168-45.98 30.188-44.624c16.02 1.357 28.473 23.542 27.83 49.535c-.122 4.89-.674 9.596-1.638 13.96C184.851 218.49 215.97 232.894 256 256c-7.893-14.529-14.938-27.626-21.666-40.1c-10.598-8.212-21.652-18.9-44.2-30.47c15.498 4.025 26.595 8.67 35.244 13.863C156.973 71.958 151.434 55.038 127.976 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#1793d1" d="M127.976 0c-11.397 27.936-18.27 46.21-30.959 73.315c7.78 8.245 17.329 17.846 32.837 28.69c-16.673-6.859-28.045-13.746-36.544-20.892C77.07 114.992 51.63 163.25 0 256c40.579-23.422 72.035-37.863 101.35-43.373a74.3 74.3 0 0 1-1.926-17.378l.049-1.3c.644-25.992 14.168-45.98 30.188-44.624c16.02 1.357 28.473 23.542 27.83 49.535c-.122 4.89-.674 9.596-1.638 13.96C184.851 218.49 215.97 232.894 256 256c-7.893-14.529-14.938-27.626-21.666-40.1c-10.598-8.212-21.652-18.9-44.2-30.47c15.498 4.025 26.595 8.67 35.244 13.863C156.973 71.958 151.434 55.038 127.976 0"/></svg>
</template>

CSS

.icon-archlinux {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%231793d1%22%20d%3D%22M127.976%200c-11.397%2027.936-18.27%2046.21-30.959%2073.315c7.78%208.245%2017.329%2017.846%2032.837%2028.69c-16.673-6.859-28.045-13.746-36.544-20.892C77.07%20114.992%2051.63%20163.25%200%20256c40.579-23.422%2072.035-37.863%20101.35-43.373a74.3%2074.3%200%200%201-1.926-17.378l.049-1.3c.644-25.992%2014.168-45.98%2030.188-44.624c16.02%201.357%2028.473%2023.542%2027.83%2049.535c-.122%204.89-.674%209.596-1.638%2013.96C184.851%20218.49%20215.97%20232.894%20256%20256c-7.893-14.529-14.938-27.626-21.666-40.1c-10.598-8.212-21.652-18.9-44.2-30.47c15.498%204.025%2026.595%208.67%2035.244%2013.863C156.973%2071.958%20151.434%2055.038%20127.976%200%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%20256%20256%22%3E%3Cpath%20fill%3D%22%231793d1%22%20d%3D%22M127.976%200c-11.397%2027.936-18.27%2046.21-30.959%2073.315c7.78%208.245%2017.329%2017.846%2032.837%2028.69c-16.673-6.859-28.045-13.746-36.544-20.892C77.07%20114.992%2051.63%20163.25%200%20256c40.579-23.422%2072.035-37.863%20101.35-43.373a74.3%2074.3%200%200%201-1.926-17.378l.049-1.3c.644-25.992%2014.168-45.98%2030.188-44.624c16.02%201.357%2028.473%2023.542%2027.83%2049.535c-.122%204.89-.674%209.596-1.638%2013.96C184.851%20218.49%20215.97%20232.894%20256%20256c-7.893-14.529-14.938-27.626-21.666-40.1c-10.598-8.212-21.652-18.9-44.2-30.47c15.498%204.025%2026.595%208.67%2035.244%2013.863C156.973%2071.958%20151.434%2055.038%20127.976%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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