Noysi icon

logos:noysi

The Noysi icon (logos:noysi) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 256

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#17b6a7" d="M256 186.078C256 224.695 224.695 256 186.078 256H69.922C31.305 256 0 224.695 0 186.078V69.922C0 31.305 31.305 0 69.922 0h116.156C224.695 0 256 31.305 256 69.922z"/><path fill="#fff" d="M146.344 56.18c-4.88 0-6.255 3.015-3.058 6.7l51.678 59.559c3.197 3.685 5.813 2.708 5.813-2.171V65.05c0-4.878-3.992-8.87-8.87-8.87zm-82.25 0c-4.879 0-8.87 3.992-8.87 8.87v32.811c0 4.879 2.596 11.903 5.769 15.609l68.16 79.612c3.173 3.706 9.761 6.738 14.64 6.738h48.113c4.879 0 8.87-3.992 8.87-8.87v-34.906c0-4.879-2.626-11.876-5.837-15.55l-67.842-77.635c-3.211-3.673-9.829-6.679-14.708-6.679zm-8.87 134.77c0 4.879 3.992 8.87 8.87 8.87h45.472c4.879 0 6.279-3.036 3.112-6.746l-51.695-60.558c-3.167-3.711-5.76-2.755-5.76 2.124z"/></svg>

How to use the Noysi icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:noysi" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:noysi" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:noysi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--noysi]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:noysi"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:noysi"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/noysi.svg" alt="Noysi icon" width="24" height="24">

Noysi icon FAQ

Is the Noysi icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Noysi icon in React?

Install @iconify/react and render <Icon icon="logos:noysi" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Noysi icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/noysi.svg" alt="Noysi icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →