hyprland logo
hyprland from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- hyprland
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the hyprland logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGMmshBdVn" x1="561.93" x2="561.93" y1="593.85" y2="491.29" gradientTransform="translate(-18.683 -141.859)scale(.40906)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00a8f4"/><stop offset="1" stop-color="#00e5d0"/></linearGradient></defs><path fill="url(#SVGMmshBdVn)" d="M58.425 0C53.55 8.079 46.337 17.91 41.72 24.283c-2.02 2.785-3.767 5.195-5.056 7.08a844 844 0 0 1-2.798 4.038c-5.268 7.576-10.722 15.41-14.436 23.816c-3.612 8.169-5.195 16.517-4.7 24.809c.474 8.038 2.978 15.777 7.232 22.388c4.205 6.533 10.12 11.95 17.103 15.663c7.216 3.833 15.315 5.829 24.081 5.923h1.711c8.766-.094 16.865-2.086 24.081-5.923c6.983-3.714 12.894-9.13 17.103-15.663c4.255-6.61 6.758-14.35 7.232-22.388c.491-8.292-1.092-16.64-4.7-24.81h-.024c-3.718-8.41-9.17-16.243-14.435-23.815a679 679 0 0 1-2.798-4.037c-1.289-1.882-3.036-4.292-5.057-7.081C81.64 17.905 74.428 8.075 69.552 0v20.217c5.023 7.207 9.9 13.699 12.505 17.5c5.703 8.315 12.31 17.18 16.228 26.04c11.773 26.642-4.786 52.708-33.563 53.019h-1.465c-28.778-.311-45.34-26.377-33.564-53.019c3.92-8.864 10.521-17.725 16.228-26.04c2.601-3.797 7.477-10.293 12.505-17.5z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconHyprland(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGMmshBdVn" x1="561.93" x2="561.93" y1="593.85" y2="491.29" gradientTransform="translate(-18.683 -141.859)scale(.40906)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#00a8f4"/><stop offset="1" stopColor="#00e5d0"/></linearGradient></defs><path fill="url(#SVGMmshBdVn)" d="M58.425 0C53.55 8.079 46.337 17.91 41.72 24.283c-2.02 2.785-3.767 5.195-5.056 7.08a844 844 0 0 1-2.798 4.038c-5.268 7.576-10.722 15.41-14.436 23.816c-3.612 8.169-5.195 16.517-4.7 24.809c.474 8.038 2.978 15.777 7.232 22.388c4.205 6.533 10.12 11.95 17.103 15.663c7.216 3.833 15.315 5.829 24.081 5.923h1.711c8.766-.094 16.865-2.086 24.081-5.923c6.983-3.714 12.894-9.13 17.103-15.663c4.255-6.61 6.758-14.35 7.232-22.388c.491-8.292-1.092-16.64-4.7-24.81h-.024c-3.718-8.41-9.17-16.243-14.435-23.815a679 679 0 0 1-2.798-4.037c-1.289-1.882-3.036-4.292-5.057-7.081C81.64 17.905 74.428 8.075 69.552 0v20.217c5.023 7.207 9.9 13.699 12.505 17.5c5.703 8.315 12.31 17.18 16.228 26.04c11.773 26.642-4.786 52.708-33.563 53.019h-1.465c-28.778-.311-45.34-26.377-33.564-53.019c3.92-8.864 10.521-17.725 16.228-26.04c2.601-3.797 7.477-10.293 12.505-17.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGMmshBdVn" x1="561.93" x2="561.93" y1="593.85" y2="491.29" gradientTransform="translate(-18.683 -141.859)scale(.40906)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00a8f4"/><stop offset="1" stop-color="#00e5d0"/></linearGradient></defs><path fill="url(#SVGMmshBdVn)" d="M58.425 0C53.55 8.079 46.337 17.91 41.72 24.283c-2.02 2.785-3.767 5.195-5.056 7.08a844 844 0 0 1-2.798 4.038c-5.268 7.576-10.722 15.41-14.436 23.816c-3.612 8.169-5.195 16.517-4.7 24.809c.474 8.038 2.978 15.777 7.232 22.388c4.205 6.533 10.12 11.95 17.103 15.663c7.216 3.833 15.315 5.829 24.081 5.923h1.711c8.766-.094 16.865-2.086 24.081-5.923c6.983-3.714 12.894-9.13 17.103-15.663c4.255-6.61 6.758-14.35 7.232-22.388c.491-8.292-1.092-16.64-4.7-24.81h-.024c-3.718-8.41-9.17-16.243-14.435-23.815a679 679 0 0 1-2.798-4.037c-1.289-1.882-3.036-4.292-5.057-7.081C81.64 17.905 74.428 8.075 69.552 0v20.217c5.023 7.207 9.9 13.699 12.505 17.5c5.703 8.315 12.31 17.18 16.228 26.04c11.773 26.642-4.786 52.708-33.563 53.019h-1.465c-28.778-.311-45.34-26.377-33.564-53.019c3.92-8.864 10.521-17.725 16.228-26.04c2.601-3.797 7.477-10.293 12.505-17.5z"/></svg> </template>
CSS
.icon-hyprland {
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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGMmshBdVn%22%20x1%3D%22561.93%22%20x2%3D%22561.93%22%20y1%3D%22593.85%22%20y2%3D%22491.29%22%20gradientTransform%3D%22translate(-18.683%20-141.859)scale(.40906)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2300a8f4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300e5d0%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGMmshBdVn)%22%20d%3D%22M58.425%200C53.55%208.079%2046.337%2017.91%2041.72%2024.283c-2.02%202.785-3.767%205.195-5.056%207.08a844%20844%200%200%201-2.798%204.038c-5.268%207.576-10.722%2015.41-14.436%2023.816c-3.612%208.169-5.195%2016.517-4.7%2024.809c.474%208.038%202.978%2015.777%207.232%2022.388c4.205%206.533%2010.12%2011.95%2017.103%2015.663c7.216%203.833%2015.315%205.829%2024.081%205.923h1.711c8.766-.094%2016.865-2.086%2024.081-5.923c6.983-3.714%2012.894-9.13%2017.103-15.663c4.255-6.61%206.758-14.35%207.232-22.388c.491-8.292-1.092-16.64-4.7-24.81h-.024c-3.718-8.41-9.17-16.243-14.435-23.815a679%20679%200%200%201-2.798-4.037c-1.289-1.882-3.036-4.292-5.057-7.081C81.64%2017.905%2074.428%208.075%2069.552%200v20.217c5.023%207.207%209.9%2013.699%2012.505%2017.5c5.703%208.315%2012.31%2017.18%2016.228%2026.04c11.773%2026.642-4.786%2052.708-33.563%2053.019h-1.465c-28.778-.311-45.34-26.377-33.564-53.019c3.92-8.864%2010.521-17.725%2016.228-26.04c2.601-3.797%207.477-10.293%2012.505-17.5z%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGMmshBdVn%22%20x1%3D%22561.93%22%20x2%3D%22561.93%22%20y1%3D%22593.85%22%20y2%3D%22491.29%22%20gradientTransform%3D%22translate(-18.683%20-141.859)scale(.40906)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2300a8f4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300e5d0%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGMmshBdVn)%22%20d%3D%22M58.425%200C53.55%208.079%2046.337%2017.91%2041.72%2024.283c-2.02%202.785-3.767%205.195-5.056%207.08a844%20844%200%200%201-2.798%204.038c-5.268%207.576-10.722%2015.41-14.436%2023.816c-3.612%208.169-5.195%2016.517-4.7%2024.809c.474%208.038%202.978%2015.777%207.232%2022.388c4.205%206.533%2010.12%2011.95%2017.103%2015.663c7.216%203.833%2015.315%205.829%2024.081%205.923h1.711c8.766-.094%2016.865-2.086%2024.081-5.923c6.983-3.714%2012.894-9.13%2017.103-15.663c4.255-6.61%206.758-14.35%207.232-22.388c.491-8.292-1.092-16.64-4.7-24.81h-.024c-3.718-8.41-9.17-16.243-14.435-23.815a679%20679%200%200%201-2.798-4.037c-1.289-1.882-3.036-4.292-5.057-7.081C81.64%2017.905%2074.428%208.075%2069.552%200v20.217c5.023%207.207%209.9%2013.699%2012.505%2017.5c5.703%208.315%2012.31%2017.18%2016.228%2026.04c11.773%2026.642-4.786%2052.708-33.563%2053.019h-1.465c-28.778-.311-45.34-26.377-33.564-53.019c3.92-8.864%2010.521-17.725%2016.228-26.04c2.601-3.797%207.477-10.293%2012.505-17.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/hyprland.svg?color=%231a73e8&size=48
