Npo icon

cbi:npo

The Npo icon (cbi:npo) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m12.974 5.382l-.674-.673a.45.45 0 0 0-.191-.113a.5.5 0 0 0-.128-.019a.4.4 0 0 0-.169.035a.5.5 0 0 0-.15.1l-.673.673a.44.44 0 0 0-.124.4a.4.4 0 0 0 .066.161a.4.4 0 0 0 .058.071l.673.674a.5.5 0 0 0 .19.113a.5.5 0 0 0 .214.011a.44.44 0 0 0 .233-.124l.675-.674a.45.45 0 0 0 .124-.4a.4.4 0 0 0-.066-.161a.5.5 0 0 0-.058-.074m8.579 5.532l-8.467-8.449a1.545 1.545 0 0 0-2.172 0l-8.467 8.451a1.54 1.54 0 0 0 0 2.17l8.467 8.449a1.546 1.546 0 0 0 2.172 0l8.467-8.451a1.54 1.54 0 0 0 0-2.17M8.175 12.1a.44.44 0 0 1-.22.269a.4.4 0 0 1-.165.049a.44.44 0 0 1-.361-.129l-1.022-1.025l-.338-.337a.5.5 0 0 0-.232-.124a.4.4 0 0 0-.128-.006a.5.5 0 0 0-.167.05a.5.5 0 0 0-.109.08l-.674.674a.44.44 0 0 0-.115.444a.5.5 0 0 0 .115.191l.336.336l1.019 1.021a.43.43 0 0 1 .128.272a.4.4 0 0 1-.016.171a.44.44 0 0 1-.219.269a.4.4 0 0 1-.166.049a.44.44 0 0 1-.36-.128l-1.023-1.018l-.405-.4l-.011-.01a1.24 1.24 0 0 1-.36-.876v-.059a1.2 1.2 0 0 1 .033-.235a1.3 1.3 0 0 1 .169-.385a1.3 1.3 0 0 1 .157-.192l.832-.831a1.23 1.23 0 0 1 .872-.359a1.27 1.27 0 0 1 .68.2a1.2 1.2 0 0 1 .192.157l.012.011l.405.4l1.023 1.021a.43.43 0 0 1 .128.272a.4.4 0 0 1-.01.178m2.782-3.257a1 1 0 0 1-.022.177a1.3 1.3 0 0 1-.117.338a1.2 1.2 0 0 1-.219.3l-.832.829a1.2 1.2 0 0 1-.2.161l-.073.044l.435.441a.45.45 0 0 1 .131.315a.6.6 0 0 1-.017.128a.44.44 0 0 1-.221.268a.4.4 0 0 1-.165.05a.45.45 0 0 1-.361-.131l-1.278-1.278l-.15-.15l-.682-.68a1.24 1.24 0 0 1-.36-.874v-.059a1 1 0 0 1 .032-.235A1.4 1.4 0 0 1 7 8.156a1.3 1.3 0 0 1 .19-.244l.832-.831a1.22 1.22 0 0 1 .878-.358a1.3 1.3 0 0 1 .522.112a1.3 1.3 0 0 1 .354.244l.832.829a1.23 1.23 0 0 1 .347.7l.006.059a1 1 0 0 1 .007.119Zm2.818-2.358a1 1 0 0 1-.086.093l-.832.831a1.23 1.23 0 0 1-.935.357a1.2 1.2 0 0 1-.293-.049a1.25 1.25 0 0 1-.521-.308l-.831-.831a1.24 1.24 0 0 1-.36-.874v-.059a1 1 0 0 1 .035-.245a1.2 1.2 0 0 1 .134-.334a1.4 1.4 0 0 1 .191-.246l.831-.829a1.24 1.24 0 0 1 .874-.361v.01a1.3 1.3 0 0 1 .521.113a1.3 1.3 0 0 1 .354.247l.832.83a1.24 1.24 0 0 1 .086 1.651ZM9.879 8.471L9.206 7.8a.5.5 0 0 0-.192-.112a.5.5 0 0 0-.128-.019h.005a.44.44 0 0 0-.319.132l-.672.668a.445.445 0 0 0 0 .63l.6.6l.071.072a.45.45 0 0 0 .19.113a.5.5 0 0 0 .128.019a.45.45 0 0 0 .311-.129l.677-.674A.45.45 0 0 0 10 8.7a.4.4 0 0 0-.066-.161Z"/></svg>

How to use the Npo icon

React

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

<Icon icon="cbi:npo" width="24" />

Vue

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

<template>
  <Icon icon="cbi:npo" width="24" />
</template>

Svelte

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

<Icon icon="cbi:npo" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:npo"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/npo.svg" alt="Npo icon" width="24" height="24">

Npo icon in other icon sets

Npo icon FAQ

Is the Npo icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Npo icon in React?

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

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

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

Browse all Custom Brand Icons →