niri logo

niri from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
niri
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the niri logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.239 21.913c0 1.043-.522 2.087-4.174 2.087s-4.174-1.044-4.174-2.087c0-1.566 1.044-2.609 4.174-2.609s4.174 1.043 4.174 2.609M7.89 0c2.087 0 10.435 6.26 10.435 11.478c0 3.521-1.65 5.062-3.095 5.736c-1.094.511-1.397-.17-.789-1.218c.41-.705.753-1.557.753-2.431c0-1.565-.521-2.609-1.565-3.652c-1.043-1.044-2.384-1.565-3.13-1.565c-1.044 0-1.565 3.067-1.565 4.695c0 1.298.387 2.466.776 3.313c.367.799.06 1.347-.764 1.045c-.899-.331-1.978-.984-2.621-2.271c-1.044-2.087-.522-5.09-.522-7.826C5.804 3.13 5.804 0 7.891 0z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsNiri(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="M16.239 21.913c0 1.043-.522 2.087-4.174 2.087s-4.174-1.044-4.174-2.087c0-1.566 1.044-2.609 4.174-2.609s4.174 1.043 4.174 2.609M7.89 0c2.087 0 10.435 6.26 10.435 11.478c0 3.521-1.65 5.062-3.095 5.736c-1.094.511-1.397-.17-.789-1.218c.41-.705.753-1.557.753-2.431c0-1.565-.521-2.609-1.565-3.652c-1.043-1.044-2.384-1.565-3.13-1.565c-1.044 0-1.565 3.067-1.565 4.695c0 1.298.387 2.466.776 3.313c.367.799.06 1.347-.764 1.045c-.899-.331-1.978-.984-2.621-2.271c-1.044-2.087-.522-5.09-.522-7.826C5.804 3.13 5.804 0 7.891 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.239 21.913c0 1.043-.522 2.087-4.174 2.087s-4.174-1.044-4.174-2.087c0-1.566 1.044-2.609 4.174-2.609s4.174 1.043 4.174 2.609M7.89 0c2.087 0 10.435 6.26 10.435 11.478c0 3.521-1.65 5.062-3.095 5.736c-1.094.511-1.397-.17-.789-1.218c.41-.705.753-1.557.753-2.431c0-1.565-.521-2.609-1.565-3.652c-1.043-1.044-2.384-1.565-3.13-1.565c-1.044 0-1.565 3.067-1.565 4.695c0 1.298.387 2.466.776 3.313c.367.799.06 1.347-.764 1.045c-.899-.331-1.978-.984-2.621-2.271c-1.044-2.087-.522-5.09-.522-7.826C5.804 3.13 5.804 0 7.891 0z"/></svg>
</template>

CSS

.icon-niri {
  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%22M16.239%2021.913c0%201.043-.522%202.087-4.174%202.087s-4.174-1.044-4.174-2.087c0-1.566%201.044-2.609%204.174-2.609s4.174%201.043%204.174%202.609M7.89%200c2.087%200%2010.435%206.26%2010.435%2011.478c0%203.521-1.65%205.062-3.095%205.736c-1.094.511-1.397-.17-.789-1.218c.41-.705.753-1.557.753-2.431c0-1.565-.521-2.609-1.565-3.652c-1.043-1.044-2.384-1.565-3.13-1.565c-1.044%200-1.565%203.067-1.565%204.695c0%201.298.387%202.466.776%203.313c.367.799.06%201.347-.764%201.045c-.899-.331-1.978-.984-2.621-2.271c-1.044-2.087-.522-5.09-.522-7.826C5.804%203.13%205.804%200%207.891%200z%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%22M16.239%2021.913c0%201.043-.522%202.087-4.174%202.087s-4.174-1.044-4.174-2.087c0-1.566%201.044-2.609%204.174-2.609s4.174%201.043%204.174%202.609M7.89%200c2.087%200%2010.435%206.26%2010.435%2011.478c0%203.521-1.65%205.062-3.095%205.736c-1.094.511-1.397-.17-.789-1.218c.41-.705.753-1.557.753-2.431c0-1.565-.521-2.609-1.565-3.652c-1.043-1.044-2.384-1.565-3.13-1.565c-1.044%200-1.565%203.067-1.565%204.695c0%201.298.387%202.466.776%203.313c.367.799.06%201.347-.764%201.045c-.899-.331-1.978-.984-2.621-2.271c-1.044-2.087-.522-5.09-.522-7.826C5.804%203.13%205.804%200%207.891%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/niri.svg?color=%231a73e8&size=48