linux logo icon
linux-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- linux-logo-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the linux logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M227.74 212.69a6 6 0 0 1-8.42-.94C218 210.05 186 169.17 186 88a58 58 0 0 0-116 0c0 81.17-31.95 122.05-33.31 123.75a6 6 0 0 1-9.38-7.49C27.68 203.79 58 164.56 58 88a70 70 0 0 1 140 0c0 76.63 30.38 115.87 30.69 116.26a6 6 0 0 1-.95 8.43M100 90a10 10 0 1 0 10 10a10 10 0 0 0-10-10m66 10a10 10 0 1 0-10 10a10 10 0 0 0 10-10m-67.31 30.63a6 6 0 0 0-5.37 10.74l32 16a6 6 0 0 0 2.68.63a6.1 6.1 0 0 0 2.69-.63l32-16a6 6 0 0 0-5.37-10.74L128 145.29ZM128 178a52.07 52.07 0 0 0-45.24 27.08a6 6 0 0 0 10.49 5.84a39.33 39.33 0 0 1 69.51 0A6 6 0 0 0 168 214a5.9 5.9 0 0 0 2.91-.76a6 6 0 0 0 2.33-8.16A52.09 52.09 0 0 0 128 178"/></svg>
React
import type { SVGProps } from "react";
export function PhLinuxLogoLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M227.74 212.69a6 6 0 0 1-8.42-.94C218 210.05 186 169.17 186 88a58 58 0 0 0-116 0c0 81.17-31.95 122.05-33.31 123.75a6 6 0 0 1-9.38-7.49C27.68 203.79 58 164.56 58 88a70 70 0 0 1 140 0c0 76.63 30.38 115.87 30.69 116.26a6 6 0 0 1-.95 8.43M100 90a10 10 0 1 0 10 10a10 10 0 0 0-10-10m66 10a10 10 0 1 0-10 10a10 10 0 0 0 10-10m-67.31 30.63a6 6 0 0 0-5.37 10.74l32 16a6 6 0 0 0 2.68.63a6.1 6.1 0 0 0 2.69-.63l32-16a6 6 0 0 0-5.37-10.74L128 145.29ZM128 178a52.07 52.07 0 0 0-45.24 27.08a6 6 0 0 0 10.49 5.84a39.33 39.33 0 0 1 69.51 0A6 6 0 0 0 168 214a5.9 5.9 0 0 0 2.91-.76a6 6 0 0 0 2.33-8.16A52.09 52.09 0 0 0 128 178"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M227.74 212.69a6 6 0 0 1-8.42-.94C218 210.05 186 169.17 186 88a58 58 0 0 0-116 0c0 81.17-31.95 122.05-33.31 123.75a6 6 0 0 1-9.38-7.49C27.68 203.79 58 164.56 58 88a70 70 0 0 1 140 0c0 76.63 30.38 115.87 30.69 116.26a6 6 0 0 1-.95 8.43M100 90a10 10 0 1 0 10 10a10 10 0 0 0-10-10m66 10a10 10 0 1 0-10 10a10 10 0 0 0 10-10m-67.31 30.63a6 6 0 0 0-5.37 10.74l32 16a6 6 0 0 0 2.68.63a6.1 6.1 0 0 0 2.69-.63l32-16a6 6 0 0 0-5.37-10.74L128 145.29ZM128 178a52.07 52.07 0 0 0-45.24 27.08a6 6 0 0 0 10.49 5.84a39.33 39.33 0 0 1 69.51 0A6 6 0 0 0 168 214a5.9 5.9 0 0 0 2.91-.76a6 6 0 0 0 2.33-8.16A52.09 52.09 0 0 0 128 178"/></svg> </template>
CSS
.icon-linux-logo-light {
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%22currentColor%22%20d%3D%22M227.74%20212.69a6%206%200%200%201-8.42-.94C218%20210.05%20186%20169.17%20186%2088a58%2058%200%200%200-116%200c0%2081.17-31.95%20122.05-33.31%20123.75a6%206%200%200%201-9.38-7.49C27.68%20203.79%2058%20164.56%2058%2088a70%2070%200%200%201%20140%200c0%2076.63%2030.38%20115.87%2030.69%20116.26a6%206%200%200%201-.95%208.43M100%2090a10%2010%200%201%200%2010%2010a10%2010%200%200%200-10-10m66%2010a10%2010%200%201%200-10%2010a10%2010%200%200%200%2010-10m-67.31%2030.63a6%206%200%200%200-5.37%2010.74l32%2016a6%206%200%200%200%202.68.63a6.1%206.1%200%200%200%202.69-.63l32-16a6%206%200%200%200-5.37-10.74L128%20145.29ZM128%20178a52.07%2052.07%200%200%200-45.24%2027.08a6%206%200%200%200%2010.49%205.84a39.33%2039.33%200%200%201%2069.51%200A6%206%200%200%200%20168%20214a5.9%205.9%200%200%200%202.91-.76a6%206%200%200%200%202.33-8.16A52.09%2052.09%200%200%200%20128%20178%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%22currentColor%22%20d%3D%22M227.74%20212.69a6%206%200%200%201-8.42-.94C218%20210.05%20186%20169.17%20186%2088a58%2058%200%200%200-116%200c0%2081.17-31.95%20122.05-33.31%20123.75a6%206%200%200%201-9.38-7.49C27.68%20203.79%2058%20164.56%2058%2088a70%2070%200%200%201%20140%200c0%2076.63%2030.38%20115.87%2030.69%20116.26a6%206%200%200%201-.95%208.43M100%2090a10%2010%200%201%200%2010%2010a10%2010%200%200%200-10-10m66%2010a10%2010%200%201%200-10%2010a10%2010%200%200%200%2010-10m-67.31%2030.63a6%206%200%200%200-5.37%2010.74l32%2016a6%206%200%200%200%202.68.63a6.1%206.1%200%200%200%202.69-.63l32-16a6%206%200%200%200-5.37-10.74L128%20145.29ZM128%20178a52.07%2052.07%200%200%200-45.24%2027.08a6%206%200%200%200%2010.49%205.84a39.33%2039.33%200%200%201%2069.51%200A6%206%200%200%200%20168%20214a5.9%205.9%200%200%200%202.91-.76a6%206%200%200%200%202.33-8.16A52.09%2052.09%200%200%200%20128%20178%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/linux-logo-light.svg?color=%231a73e8&size=48
