hyprland logo
hyprland from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- hyprland
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
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 24 24"><path fill="currentColor" d="M13.1.001c.07.075.116.112.147.158c.57.842 1.13 1.69 1.708 2.527c.333.482.687.949 1.042 1.414c.343.451.706.887 1.05 1.338c.397.522.8 1.04 1.169 1.582c.473.693.95 1.388 1.359 2.118c.348.622.626 1.285.892 1.948c.188.47.314.965.449 1.454c.062.226.08.466.116.7c.045.285.121.57.126.857c.012.747.077 1.496-.053 2.239a9.2 9.2 0 0 1-.74 2.36c-.36.765-.798 1.472-1.333 2.125c-.485.592-1.054 1.081-1.67 1.53a7.6 7.6 0 0 1-1.438.83c-.458.2-.93.36-1.415.495c-1.096.305-2.208.372-3.327.294c-.675-.048-1.357-.13-2-.373c-.528-.2-1.06-.397-1.566-.646a6.5 6.5 0 0 1-1.13-.719c-.46-.36-.91-.742-1.308-1.167a8 8 0 0 1-.94-1.258a11.4 11.4 0 0 1-.77-1.47c-.239-.545-.393-1.12-.518-1.71c-.195-.916-.132-1.833-.092-2.747c.022-.525.161-1.05.294-1.564c.14-.54.31-1.078.515-1.598s.444-1.032.718-1.52a27 27 0 0 1 1.112-1.79a32 32 0 0 1 1.122-1.552c.31-.41.647-.799.961-1.206c.317-.412.622-.833.93-1.252c.324-.444.651-.887.965-1.339c.398-.573.78-1.156 1.175-1.731c.057-.082.139-.148.208-.22L10.9.13c.003.063.009.126.009.19c0 .938.005 1.876-.006 2.815a.83.83 0 0 1-.133.408c-.303.48-.613.956-.94 1.419c-.31.438-.646.86-.97 1.289q-.4.53-.803 1.058c-.187.244-.383.482-.566.729c-.255.346-.511.693-.75 1.051c-.287.432-.57.869-.827 1.318c-.185.322-.33.667-.485 1.004a5 5 0 0 0-.227.576c-.11.348-.199.702-.309 1.05c-.31.978-.245 1.983-.175 2.977c.035.504.217 1.003.37 1.493c.215.686.582 1.294.997 1.88q.424.601.967 1.082c.3.263.624.505.965.71c.388.233.792.456 1.216.609c.453.163.93.285 1.408.345c.567.072 1.146.056 1.72.083c.532.025 1.049-.081 1.566-.183c.656-.129 1.255-.412 1.838-.722c.697-.37 1.283-.896 1.796-1.488c.524-.605.964-1.285 1.244-2.032c.296-.787.542-1.603.505-2.468c-.02-.468.005-.94-.038-1.404c-.032-.343-.129-.682-.22-1.016a12 12 0 0 0-.362-1.167c-.146-.378-.333-.74-.517-1.102a12 12 0 0 0-.523-.943a17 17 0 0 0-.737-1.085c-.394-.53-.81-1.045-1.209-1.572a93 93 0 0 1-1.382-1.866a58 58 0 0 1-1.13-1.653a.6.6 0 0 1-.108-.311c-.008-1.016-.005-2.031-.005-3.047c0-.034.009-.068.02-.158z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsHyprland(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="M13.1.001c.07.075.116.112.147.158c.57.842 1.13 1.69 1.708 2.527c.333.482.687.949 1.042 1.414c.343.451.706.887 1.05 1.338c.397.522.8 1.04 1.169 1.582c.473.693.95 1.388 1.359 2.118c.348.622.626 1.285.892 1.948c.188.47.314.965.449 1.454c.062.226.08.466.116.7c.045.285.121.57.126.857c.012.747.077 1.496-.053 2.239a9.2 9.2 0 0 1-.74 2.36c-.36.765-.798 1.472-1.333 2.125c-.485.592-1.054 1.081-1.67 1.53a7.6 7.6 0 0 1-1.438.83c-.458.2-.93.36-1.415.495c-1.096.305-2.208.372-3.327.294c-.675-.048-1.357-.13-2-.373c-.528-.2-1.06-.397-1.566-.646a6.5 6.5 0 0 1-1.13-.719c-.46-.36-.91-.742-1.308-1.167a8 8 0 0 1-.94-1.258a11.4 11.4 0 0 1-.77-1.47c-.239-.545-.393-1.12-.518-1.71c-.195-.916-.132-1.833-.092-2.747c.022-.525.161-1.05.294-1.564c.14-.54.31-1.078.515-1.598s.444-1.032.718-1.52a27 27 0 0 1 1.112-1.79a32 32 0 0 1 1.122-1.552c.31-.41.647-.799.961-1.206c.317-.412.622-.833.93-1.252c.324-.444.651-.887.965-1.339c.398-.573.78-1.156 1.175-1.731c.057-.082.139-.148.208-.22L10.9.13c.003.063.009.126.009.19c0 .938.005 1.876-.006 2.815a.83.83 0 0 1-.133.408c-.303.48-.613.956-.94 1.419c-.31.438-.646.86-.97 1.289q-.4.53-.803 1.058c-.187.244-.383.482-.566.729c-.255.346-.511.693-.75 1.051c-.287.432-.57.869-.827 1.318c-.185.322-.33.667-.485 1.004a5 5 0 0 0-.227.576c-.11.348-.199.702-.309 1.05c-.31.978-.245 1.983-.175 2.977c.035.504.217 1.003.37 1.493c.215.686.582 1.294.997 1.88q.424.601.967 1.082c.3.263.624.505.965.71c.388.233.792.456 1.216.609c.453.163.93.285 1.408.345c.567.072 1.146.056 1.72.083c.532.025 1.049-.081 1.566-.183c.656-.129 1.255-.412 1.838-.722c.697-.37 1.283-.896 1.796-1.488c.524-.605.964-1.285 1.244-2.032c.296-.787.542-1.603.505-2.468c-.02-.468.005-.94-.038-1.404c-.032-.343-.129-.682-.22-1.016a12 12 0 0 0-.362-1.167c-.146-.378-.333-.74-.517-1.102a12 12 0 0 0-.523-.943a17 17 0 0 0-.737-1.085c-.394-.53-.81-1.045-1.209-1.572a93 93 0 0 1-1.382-1.866a58 58 0 0 1-1.13-1.653a.6.6 0 0 1-.108-.311c-.008-1.016-.005-2.031-.005-3.047c0-.034.009-.068.02-.158z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.1.001c.07.075.116.112.147.158c.57.842 1.13 1.69 1.708 2.527c.333.482.687.949 1.042 1.414c.343.451.706.887 1.05 1.338c.397.522.8 1.04 1.169 1.582c.473.693.95 1.388 1.359 2.118c.348.622.626 1.285.892 1.948c.188.47.314.965.449 1.454c.062.226.08.466.116.7c.045.285.121.57.126.857c.012.747.077 1.496-.053 2.239a9.2 9.2 0 0 1-.74 2.36c-.36.765-.798 1.472-1.333 2.125c-.485.592-1.054 1.081-1.67 1.53a7.6 7.6 0 0 1-1.438.83c-.458.2-.93.36-1.415.495c-1.096.305-2.208.372-3.327.294c-.675-.048-1.357-.13-2-.373c-.528-.2-1.06-.397-1.566-.646a6.5 6.5 0 0 1-1.13-.719c-.46-.36-.91-.742-1.308-1.167a8 8 0 0 1-.94-1.258a11.4 11.4 0 0 1-.77-1.47c-.239-.545-.393-1.12-.518-1.71c-.195-.916-.132-1.833-.092-2.747c.022-.525.161-1.05.294-1.564c.14-.54.31-1.078.515-1.598s.444-1.032.718-1.52a27 27 0 0 1 1.112-1.79a32 32 0 0 1 1.122-1.552c.31-.41.647-.799.961-1.206c.317-.412.622-.833.93-1.252c.324-.444.651-.887.965-1.339c.398-.573.78-1.156 1.175-1.731c.057-.082.139-.148.208-.22L10.9.13c.003.063.009.126.009.19c0 .938.005 1.876-.006 2.815a.83.83 0 0 1-.133.408c-.303.48-.613.956-.94 1.419c-.31.438-.646.86-.97 1.289q-.4.53-.803 1.058c-.187.244-.383.482-.566.729c-.255.346-.511.693-.75 1.051c-.287.432-.57.869-.827 1.318c-.185.322-.33.667-.485 1.004a5 5 0 0 0-.227.576c-.11.348-.199.702-.309 1.05c-.31.978-.245 1.983-.175 2.977c.035.504.217 1.003.37 1.493c.215.686.582 1.294.997 1.88q.424.601.967 1.082c.3.263.624.505.965.71c.388.233.792.456 1.216.609c.453.163.93.285 1.408.345c.567.072 1.146.056 1.72.083c.532.025 1.049-.081 1.566-.183c.656-.129 1.255-.412 1.838-.722c.697-.37 1.283-.896 1.796-1.488c.524-.605.964-1.285 1.244-2.032c.296-.787.542-1.603.505-2.468c-.02-.468.005-.94-.038-1.404c-.032-.343-.129-.682-.22-1.016a12 12 0 0 0-.362-1.167c-.146-.378-.333-.74-.517-1.102a12 12 0 0 0-.523-.943a17 17 0 0 0-.737-1.085c-.394-.53-.81-1.045-1.209-1.572a93 93 0 0 1-1.382-1.866a58 58 0 0 1-1.13-1.653a.6.6 0 0 1-.108-.311c-.008-1.016-.005-2.031-.005-3.047c0-.034.009-.068.02-.158z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.1.001c.07.075.116.112.147.158c.57.842%201.13%201.69%201.708%202.527c.333.482.687.949%201.042%201.414c.343.451.706.887%201.05%201.338c.397.522.8%201.04%201.169%201.582c.473.693.95%201.388%201.359%202.118c.348.622.626%201.285.892%201.948c.188.47.314.965.449%201.454c.062.226.08.466.116.7c.045.285.121.57.126.857c.012.747.077%201.496-.053%202.239a9.2%209.2%200%200%201-.74%202.36c-.36.765-.798%201.472-1.333%202.125c-.485.592-1.054%201.081-1.67%201.53a7.6%207.6%200%200%201-1.438.83c-.458.2-.93.36-1.415.495c-1.096.305-2.208.372-3.327.294c-.675-.048-1.357-.13-2-.373c-.528-.2-1.06-.397-1.566-.646a6.5%206.5%200%200%201-1.13-.719c-.46-.36-.91-.742-1.308-1.167a8%208%200%200%201-.94-1.258a11.4%2011.4%200%200%201-.77-1.47c-.239-.545-.393-1.12-.518-1.71c-.195-.916-.132-1.833-.092-2.747c.022-.525.161-1.05.294-1.564c.14-.54.31-1.078.515-1.598s.444-1.032.718-1.52a27%2027%200%200%201%201.112-1.79a32%2032%200%200%201%201.122-1.552c.31-.41.647-.799.961-1.206c.317-.412.622-.833.93-1.252c.324-.444.651-.887.965-1.339c.398-.573.78-1.156%201.175-1.731c.057-.082.139-.148.208-.22L10.9.13c.003.063.009.126.009.19c0%20.938.005%201.876-.006%202.815a.83.83%200%200%201-.133.408c-.303.48-.613.956-.94%201.419c-.31.438-.646.86-.97%201.289q-.4.53-.803%201.058c-.187.244-.383.482-.566.729c-.255.346-.511.693-.75%201.051c-.287.432-.57.869-.827%201.318c-.185.322-.33.667-.485%201.004a5%205%200%200%200-.227.576c-.11.348-.199.702-.309%201.05c-.31.978-.245%201.983-.175%202.977c.035.504.217%201.003.37%201.493c.215.686.582%201.294.997%201.88q.424.601.967%201.082c.3.263.624.505.965.71c.388.233.792.456%201.216.609c.453.163.93.285%201.408.345c.567.072%201.146.056%201.72.083c.532.025%201.049-.081%201.566-.183c.656-.129%201.255-.412%201.838-.722c.697-.37%201.283-.896%201.796-1.488c.524-.605.964-1.285%201.244-2.032c.296-.787.542-1.603.505-2.468c-.02-.468.005-.94-.038-1.404c-.032-.343-.129-.682-.22-1.016a12%2012%200%200%200-.362-1.167c-.146-.378-.333-.74-.517-1.102a12%2012%200%200%200-.523-.943a17%2017%200%200%200-.737-1.085c-.394-.53-.81-1.045-1.209-1.572a93%2093%200%200%201-1.382-1.866a58%2058%200%200%201-1.13-1.653a.6.6%200%200%201-.108-.311c-.008-1.016-.005-2.031-.005-3.047c0-.034.009-.068.02-.158z%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%22M13.1.001c.07.075.116.112.147.158c.57.842%201.13%201.69%201.708%202.527c.333.482.687.949%201.042%201.414c.343.451.706.887%201.05%201.338c.397.522.8%201.04%201.169%201.582c.473.693.95%201.388%201.359%202.118c.348.622.626%201.285.892%201.948c.188.47.314.965.449%201.454c.062.226.08.466.116.7c.045.285.121.57.126.857c.012.747.077%201.496-.053%202.239a9.2%209.2%200%200%201-.74%202.36c-.36.765-.798%201.472-1.333%202.125c-.485.592-1.054%201.081-1.67%201.53a7.6%207.6%200%200%201-1.438.83c-.458.2-.93.36-1.415.495c-1.096.305-2.208.372-3.327.294c-.675-.048-1.357-.13-2-.373c-.528-.2-1.06-.397-1.566-.646a6.5%206.5%200%200%201-1.13-.719c-.46-.36-.91-.742-1.308-1.167a8%208%200%200%201-.94-1.258a11.4%2011.4%200%200%201-.77-1.47c-.239-.545-.393-1.12-.518-1.71c-.195-.916-.132-1.833-.092-2.747c.022-.525.161-1.05.294-1.564c.14-.54.31-1.078.515-1.598s.444-1.032.718-1.52a27%2027%200%200%201%201.112-1.79a32%2032%200%200%201%201.122-1.552c.31-.41.647-.799.961-1.206c.317-.412.622-.833.93-1.252c.324-.444.651-.887.965-1.339c.398-.573.78-1.156%201.175-1.731c.057-.082.139-.148.208-.22L10.9.13c.003.063.009.126.009.19c0%20.938.005%201.876-.006%202.815a.83.83%200%200%201-.133.408c-.303.48-.613.956-.94%201.419c-.31.438-.646.86-.97%201.289q-.4.53-.803%201.058c-.187.244-.383.482-.566.729c-.255.346-.511.693-.75%201.051c-.287.432-.57.869-.827%201.318c-.185.322-.33.667-.485%201.004a5%205%200%200%200-.227.576c-.11.348-.199.702-.309%201.05c-.31.978-.245%201.983-.175%202.977c.035.504.217%201.003.37%201.493c.215.686.582%201.294.997%201.88q.424.601.967%201.082c.3.263.624.505.965.71c.388.233.792.456%201.216.609c.453.163.93.285%201.408.345c.567.072%201.146.056%201.72.083c.532.025%201.049-.081%201.566-.183c.656-.129%201.255-.412%201.838-.722c.697-.37%201.283-.896%201.796-1.488c.524-.605.964-1.285%201.244-2.032c.296-.787.542-1.603.505-2.468c-.02-.468.005-.94-.038-1.404c-.032-.343-.129-.682-.22-1.016a12%2012%200%200%200-.362-1.167c-.146-.378-.333-.74-.517-1.102a12%2012%200%200%200-.523-.943a17%2017%200%200%200-.737-1.085c-.394-.53-.81-1.045-1.209-1.572a93%2093%200%200%201-1.382-1.866a58%2058%200%200%201-1.13-1.653a.6.6%200%200%201-.108-.311c-.008-1.016-.005-2.031-.005-3.047c0-.034.009-.068.02-.158z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/hyprland.svg?color=%231a73e8&size=48
