Postnl icon

cbi:postnl

The Postnl icon (cbi:postnl) 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.38 12.216a1.6 1.6 0 0 0-.547-.19l-.188-.043c-.231-.052-.414-.093-.414-.242c0-.13.126-.214.318-.214a2.9 2.9 0 0 1 .953.188a.035.035 0 0 0 .046-.03v-.536a.09.09 0 0 0-.064-.085a3.2 3.2 0 0 0-.841-.149a1.5 1.5 0 0 0-.872.235a.77.77 0 0 0-.322.644c0 .603.494.716.962.827c.072.017.06.015.088.02c.213.047.434.099.434.272a.2.2 0 0 1-.059.136a.44.44 0 0 1-.328.085a4.8 4.8 0 0 1-1.03-.198h-.011a.033.033 0 0 0-.033.032v.538a.09.09 0 0 0 .06.085a3.6 3.6 0 0 0 .956.163c.809 0 1.224-.317 1.224-.89a.71.71 0 0 0-.332-.648m2.218.838a2 2 0 0 1-.319.07c-.245 0-.39-.114-.39-.499v-1.003a.03.03 0 0 1 .026-.027h.655a.027.027 0 0 0 .027-.027v-.517a.09.09 0 0 0-.086-.085h-.598a.03.03 0 0 1-.026-.026v-.711q0-.031-.032-.029a2.3 2.3 0 0 0-.594.403a.6.6 0 0 0-.156.407v1.745c0 .758.438.994.909.994a1.24 1.24 0 0 0 .56-.099a.08.08 0 0 0 .045-.075v-.494a.03.03 0 0 0-.021-.027m-4.377-5.1a4 4 0 0 0-.256-.086c-.099-.031-.198-.054-.283-.074h-.01a.2.2 0 0 0-.061-.009a.18.18 0 0 0-.17.115a4 4 0 0 0-.23.642a.08.08 0 0 0 .007.07a.08.08 0 0 0 .064.024h.257a.08.08 0 0 0 .089-.058a2.3 2.3 0 0 1 .125-.344s0-.009.021-.009h.019l.13.044a.06.06 0 0 1 .03.029a.1.1 0 0 1 0 .066s-.264.739-.342.989a.1.1 0 0 0 0 .089a.09.09 0 0 0 .074.031h.318a.1.1 0 0 0 .099-.064l.048-.131l.007-.021c.098-.267.241-.671.271-.786c.061-.198.075-.411-.207-.517m9.391.249a23.3 23.3 0 0 0-4.394-3.17c-2.551-1.406-6.381-2.918-8.776-2.918a3.2 3.2 0 0 0-1.554.322c-.92.507-1.681 1.854-2.209 3.896A23.7 23.7 0 0 0 2 11.988a23.7 23.7 0 0 0 .675 5.727c.416 1.594 1.117 3.22 2.213 3.824a3.4 3.4 0 0 0 1.64.346c2.471 0 6.227-1.581 8.689-2.942a24 24 0 0 0 4.358-3.1c1.495-1.371 2.423-2.712 2.425-3.856c-.002-1.214-1.162-2.639-2.388-3.784m-4.78 10.083c-3.885 2.142-8.007 3.374-9.526 2.54c-1.672-.923-2.508-5.327-2.509-8.838c0-3.481.89-7.942 2.509-8.836c1.42-.784 5.733.449 9.526 2.539c3.287 1.812 6.371 4.655 6.374 6.297c-.005 1.721-3.038 4.461-6.376 6.297Zm-6.059-7.373a1.308 1.308 0 0 0-1.419 1.422a1.318 1.318 0 0 0 1.421 1.42a1.318 1.318 0 0 0 1.419-1.42a1.308 1.308 0 0 0-1.421-1.422m0 2.165c-.352 0-.615-.268-.615-.745c0-.519.263-.746.615-.746s.614.227.614.746c0 .479-.264.747-.614.747Zm7.965-2.151a1.6 1.6 0 0 0-.539.109a1.4 1.4 0 0 0-.289.165l-.023.017h-.013a.023.023 0 0 1-.023-.022v-.206a.02.02 0 0 0-.016-.017h-.672a.08.08 0 0 0-.078.078v2.63a.02.02 0 0 0 .017.016h.728a.018.018 0 0 0 .025-.016v-1.855a.05.05 0 0 1 .02-.035c.035-.021.131-.08.254-.152a.74.74 0 0 1 .351-.108c.289 0 .412.154.412.517v1.633a.016.016 0 0 0 .016.016h.727a.016.016 0 0 0 .016-.017v-1.767c-.004-.645-.319-.986-.913-.986m1.516-1.286c-.02 0-.023 0-.023.018v4.022a.016.016 0 0 0 .016.016h.725a.02.02 0 0 0 .017-.016V10.44a.6.6 0 0 0-.153-.4a2.3 2.3 0 0 0-.582-.399m-10.801.222v.297q-.001.137.121.136h2.401q.12 0 .119-.136v-.297a.15.15 0 0 0-.151-.15H7.605a.15.15 0 0 0-.152.15m1.155-.394h.328a.09.09 0 0 0 .089-.089v-.005l.019-1.549v-.019a.12.12 0 0 0-.03-.084a.08.08 0 0 0-.061-.024c-.062 0-.123-.006-.182-.006h-.185a.08.08 0 0 0-.06.025a.13.13 0 0 0-.031.083c0 .126.011.791.016 1.213c0 .204.005.353.005.357a.093.093 0 0 0 .092.098m.101-2.016a.1.1 0 0 0 .063.025a.1.1 0 0 0 .065-.025a1.8 1.8 0 0 0 .296-.309a.076.076 0 0 0 0-.106a1.7 1.7 0 0 0-.319-.315a.1.1 0 0 0-.044-.015a.1.1 0 0 0-.043.013a1.8 1.8 0 0 0-.324.319a.074.074 0 0 0 0 .099a1.8 1.8 0 0 0 .306.314m-3.196 3.514H4.477a.09.09 0 0 0-.088.087v3.178a.6.6 0 0 0 .157.407a2.3 2.3 0 0 0 .593.402q.034.002.032-.028v-1.285a.027.027 0 0 1 .027-.027h.303c.963.004 1.557-.543 1.557-1.334a1.374 1.374 0 0 0-1.545-1.4m0 2.027h-.32a.027.027 0 0 1-.027-.027v-1.263a.027.027 0 0 1 .027-.028h.305c.574 0 .79.315.79.651c0 .191-.091.667-.776.667Zm1.924-3.589a.1.1 0 0 0 .099.063h.318a.08.08 0 0 0 .073-.03a.1.1 0 0 0 .006-.089a56 56 0 0 0-.343-.984a.1.1 0 0 1 0-.066a.05.05 0 0 1 .031-.028l.13-.044h.018q.019.002.021.009a2.3 2.3 0 0 1 .126.344a.08.08 0 0 0 .087.056h.258a.066.066 0 0 0 .082-.096a4.4 4.4 0 0 0-.231-.643a.19.19 0 0 0-.17-.115a.2.2 0 0 0-.056.007h-.014a4 4 0 0 0-.538.16c-.285.106-.271.32-.218.514c.029.111.164.49.279.806q.023.091.042.136"/></svg>

How to use the Postnl icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Postnl icon in other icon sets

Postnl icon FAQ

Is the Postnl 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 Postnl icon in React?

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

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

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

Browse all Custom Brand Icons →