archlinux logo
archlinux from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- archlinux
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the archlinux logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.39.605C10.376 3.092 9.764 4.72 8.635 7.132c.693.734 1.543 1.589 2.923 2.554c-1.484-.61-2.496-1.224-3.252-1.86C6.86 10.842 4.596 15.138 0 23.395c3.612-2.085 6.412-3.37 9.021-3.862a6.6 6.6 0 0 1-.171-1.547l.003-.115c.058-2.315 1.261-4.095 2.687-3.973c1.426.12 2.534 2.096 2.478 4.409a6.5 6.5 0 0 1-.146 1.243c2.58.505 5.352 1.787 8.914 3.844c-.702-1.293-1.33-2.459-1.929-3.57c-.943-.73-1.926-1.682-3.933-2.713c1.38.359 2.367.772 3.137 1.234c-6.09-11.334-6.582-12.84-8.67-17.74zM22.898 21.36v-.623h-.234v-.084h.562v.084h-.234v.623h.331v-.707h.142l.167.5l.034.107l.038-.114l.17-.493H24v.707h-.091v-.593l-.206.593h-.084l-.205-.602v.602h-.091"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsArchlinux(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.39.605C10.376 3.092 9.764 4.72 8.635 7.132c.693.734 1.543 1.589 2.923 2.554c-1.484-.61-2.496-1.224-3.252-1.86C6.86 10.842 4.596 15.138 0 23.395c3.612-2.085 6.412-3.37 9.021-3.862a6.6 6.6 0 0 1-.171-1.547l.003-.115c.058-2.315 1.261-4.095 2.687-3.973c1.426.12 2.534 2.096 2.478 4.409a6.5 6.5 0 0 1-.146 1.243c2.58.505 5.352 1.787 8.914 3.844c-.702-1.293-1.33-2.459-1.929-3.57c-.943-.73-1.926-1.682-3.933-2.713c1.38.359 2.367.772 3.137 1.234c-6.09-11.334-6.582-12.84-8.67-17.74zM22.898 21.36v-.623h-.234v-.084h.562v.084h-.234v.623h.331v-.707h.142l.167.5l.034.107l.038-.114l.17-.493H24v.707h-.091v-.593l-.206.593h-.084l-.205-.602v.602h-.091"/></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.39.605C10.376 3.092 9.764 4.72 8.635 7.132c.693.734 1.543 1.589 2.923 2.554c-1.484-.61-2.496-1.224-3.252-1.86C6.86 10.842 4.596 15.138 0 23.395c3.612-2.085 6.412-3.37 9.021-3.862a6.6 6.6 0 0 1-.171-1.547l.003-.115c.058-2.315 1.261-4.095 2.687-3.973c1.426.12 2.534 2.096 2.478 4.409a6.5 6.5 0 0 1-.146 1.243c2.58.505 5.352 1.787 8.914 3.844c-.702-1.293-1.33-2.459-1.929-3.57c-.943-.73-1.926-1.682-3.933-2.713c1.38.359 2.367.772 3.137 1.234c-6.09-11.334-6.582-12.84-8.67-17.74zM22.898 21.36v-.623h-.234v-.084h.562v.084h-.234v.623h.331v-.707h.142l.167.5l.034.107l.038-.114l.17-.493H24v.707h-.091v-.593l-.206.593h-.084l-.205-.602v.602h-.091"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.39.605C10.376%203.092%209.764%204.72%208.635%207.132c.693.734%201.543%201.589%202.923%202.554c-1.484-.61-2.496-1.224-3.252-1.86C6.86%2010.842%204.596%2015.138%200%2023.395c3.612-2.085%206.412-3.37%209.021-3.862a6.6%206.6%200%200%201-.171-1.547l.003-.115c.058-2.315%201.261-4.095%202.687-3.973c1.426.12%202.534%202.096%202.478%204.409a6.5%206.5%200%200%201-.146%201.243c2.58.505%205.352%201.787%208.914%203.844c-.702-1.293-1.33-2.459-1.929-3.57c-.943-.73-1.926-1.682-3.933-2.713c1.38.359%202.367.772%203.137%201.234c-6.09-11.334-6.582-12.84-8.67-17.74zM22.898%2021.36v-.623h-.234v-.084h.562v.084h-.234v.623h.331v-.707h.142l.167.5l.034.107l.038-.114l.17-.493H24v.707h-.091v-.593l-.206.593h-.084l-.205-.602v.602h-.091%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.39.605C10.376%203.092%209.764%204.72%208.635%207.132c.693.734%201.543%201.589%202.923%202.554c-1.484-.61-2.496-1.224-3.252-1.86C6.86%2010.842%204.596%2015.138%200%2023.395c3.612-2.085%206.412-3.37%209.021-3.862a6.6%206.6%200%200%201-.171-1.547l.003-.115c.058-2.315%201.261-4.095%202.687-3.973c1.426.12%202.534%202.096%202.478%204.409a6.5%206.5%200%200%201-.146%201.243c2.58.505%205.352%201.787%208.914%203.844c-.702-1.293-1.33-2.459-1.929-3.57c-.943-.73-1.926-1.682-3.933-2.713c1.38.359%202.367.772%203.137%201.234c-6.09-11.334-6.582-12.84-8.67-17.74zM22.898%2021.36v-.623h-.234v-.084h.562v.084h-.234v.623h.331v-.707h.142l.167.5l.034.107l.038-.114l.17-.493H24v.707h-.091v-.593l-.206.593h-.084l-.205-.602v.602h-.091%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/archlinux.svg?color=%231a73e8&size=48
