linux logo icon
linux-logo-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- linux-logo-thin
- Set
- Phosphor
- Style
- Thin
- 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="M226.49 211.12a4 4 0 0 1-5.61-.62C219.54 208.82 188 168.48 188 88a60 60 0 0 0-120 0c0 80.48-31.53 120.82-32.88 122.5a4 4 0 0 1-6.25-5C29.18 205.11 60 165.45 60 88a68 68 0 0 1 136 0c0 40.48 8.47 70.27 15.57 88.14c7.69 19.35 15.48 29.27 15.56 29.36a4 4 0 0 1-.64 5.62M100 92a8 8 0 1 0 8 8a8 8 0 0 0-8-8m64 8a8 8 0 1 0-8 8a8 8 0 0 0 8-8m-66.21 32.42a4 4 0 1 0-3.58 7.16l32 16a4 4 0 0 0 3.58 0l32-16a4 4 0 0 0-3.58-7.16L128 147.53ZM128 180a50.05 50.05 0 0 0-43.49 26.05a4 4 0 1 0 7 3.89a41.34 41.34 0 0 1 73 0A4 4 0 0 0 168 212a3.94 3.94 0 0 0 1.94-.51a4 4 0 0 0 1.55-5.44A50.07 50.07 0 0 0 128 180"/></svg>
React
import type { SVGProps } from "react";
export function PhLinuxLogoThin(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="M226.49 211.12a4 4 0 0 1-5.61-.62C219.54 208.82 188 168.48 188 88a60 60 0 0 0-120 0c0 80.48-31.53 120.82-32.88 122.5a4 4 0 0 1-6.25-5C29.18 205.11 60 165.45 60 88a68 68 0 0 1 136 0c0 40.48 8.47 70.27 15.57 88.14c7.69 19.35 15.48 29.27 15.56 29.36a4 4 0 0 1-.64 5.62M100 92a8 8 0 1 0 8 8a8 8 0 0 0-8-8m64 8a8 8 0 1 0-8 8a8 8 0 0 0 8-8m-66.21 32.42a4 4 0 1 0-3.58 7.16l32 16a4 4 0 0 0 3.58 0l32-16a4 4 0 0 0-3.58-7.16L128 147.53ZM128 180a50.05 50.05 0 0 0-43.49 26.05a4 4 0 1 0 7 3.89a41.34 41.34 0 0 1 73 0A4 4 0 0 0 168 212a3.94 3.94 0 0 0 1.94-.51a4 4 0 0 0 1.55-5.44A50.07 50.07 0 0 0 128 180"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M226.49 211.12a4 4 0 0 1-5.61-.62C219.54 208.82 188 168.48 188 88a60 60 0 0 0-120 0c0 80.48-31.53 120.82-32.88 122.5a4 4 0 0 1-6.25-5C29.18 205.11 60 165.45 60 88a68 68 0 0 1 136 0c0 40.48 8.47 70.27 15.57 88.14c7.69 19.35 15.48 29.27 15.56 29.36a4 4 0 0 1-.64 5.62M100 92a8 8 0 1 0 8 8a8 8 0 0 0-8-8m64 8a8 8 0 1 0-8 8a8 8 0 0 0 8-8m-66.21 32.42a4 4 0 1 0-3.58 7.16l32 16a4 4 0 0 0 3.58 0l32-16a4 4 0 0 0-3.58-7.16L128 147.53ZM128 180a50.05 50.05 0 0 0-43.49 26.05a4 4 0 1 0 7 3.89a41.34 41.34 0 0 1 73 0A4 4 0 0 0 168 212a3.94 3.94 0 0 0 1.94-.51a4 4 0 0 0 1.55-5.44A50.07 50.07 0 0 0 128 180"/></svg> </template>
CSS
.icon-linux-logo-thin {
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%22M226.49%20211.12a4%204%200%200%201-5.61-.62C219.54%20208.82%20188%20168.48%20188%2088a60%2060%200%200%200-120%200c0%2080.48-31.53%20120.82-32.88%20122.5a4%204%200%200%201-6.25-5C29.18%20205.11%2060%20165.45%2060%2088a68%2068%200%200%201%20136%200c0%2040.48%208.47%2070.27%2015.57%2088.14c7.69%2019.35%2015.48%2029.27%2015.56%2029.36a4%204%200%200%201-.64%205.62M100%2092a8%208%200%201%200%208%208a8%208%200%200%200-8-8m64%208a8%208%200%201%200-8%208a8%208%200%200%200%208-8m-66.21%2032.42a4%204%200%201%200-3.58%207.16l32%2016a4%204%200%200%200%203.58%200l32-16a4%204%200%200%200-3.58-7.16L128%20147.53ZM128%20180a50.05%2050.05%200%200%200-43.49%2026.05a4%204%200%201%200%207%203.89a41.34%2041.34%200%200%201%2073%200A4%204%200%200%200%20168%20212a3.94%203.94%200%200%200%201.94-.51a4%204%200%200%200%201.55-5.44A50.07%2050.07%200%200%200%20128%20180%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%22M226.49%20211.12a4%204%200%200%201-5.61-.62C219.54%20208.82%20188%20168.48%20188%2088a60%2060%200%200%200-120%200c0%2080.48-31.53%20120.82-32.88%20122.5a4%204%200%200%201-6.25-5C29.18%20205.11%2060%20165.45%2060%2088a68%2068%200%200%201%20136%200c0%2040.48%208.47%2070.27%2015.57%2088.14c7.69%2019.35%2015.48%2029.27%2015.56%2029.36a4%204%200%200%201-.64%205.62M100%2092a8%208%200%201%200%208%208a8%208%200%200%200-8-8m64%208a8%208%200%201%200-8%208a8%208%200%200%200%208-8m-66.21%2032.42a4%204%200%201%200-3.58%207.16l32%2016a4%204%200%200%200%203.58%200l32-16a4%204%200%200%200-3.58-7.16L128%20147.53ZM128%20180a50.05%2050.05%200%200%200-43.49%2026.05a4%204%200%201%200%207%203.89a41.34%2041.34%200%200%201%2073%200A4%204%200%200%200%20168%20212a3.94%203.94%200%200%200%201.94-.51a4%204%200%200%200%201.55-5.44A50.07%2050.07%200%200%200%20128%20180%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/linux-logo-thin.svg?color=%231a73e8&size=48
