Nissan icon

cbi:nissan

The Nissan icon (cbi:nissan) 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="M21.923 10.479c-.028-.36-.076-.414-.285-.484a7 7 0 0 0-1.038-.23a8.83 8.83 0 0 0-8.569-6.275a8.83 8.83 0 0 0-8.552 6.218c-.319.056-.624.118-.925.187s-.373.19-.415.38a1 1 0 0 0-.02.106a9.3 9.3 0 0 0-.081 2.321q.026.35.063.7c.031.3 0 .685.319.738q.519.085 1.085.156h-.023a8.83 8.83 0 0 0 8.549 6.214a8.84 8.84 0 0 0 8.539-6.172h-.012a19 19 0 0 0 .98-.133a.39.39 0 0 0 .353-.352c.046-.454.075-.83.092-1.157a15 15 0 0 0-.06-2.217m-9.892-4.878a6.67 6.67 0 0 1 6.162 3.893l.027.013a89 89 0 0 0-6.257-.231c-2.708 0-4.6.045-6.059.149a6.71 6.71 0 0 1 6.127-3.824m4.8 7.601h-.548a.07.07 0 0 1-.068-.039c0-.01-.068-.176-.166-.4h-1.293c-.1.234-.176.4-.176.4a.07.07 0 0 1-.068.039h-.528c-.079 0-.108 0-.059-.1c.264-.567.851-1.888.851-1.888c.117-.245.058-.225.4-.225a1.4 1.4 0 0 1 .215-.01a1 1 0 0 1 .215.01c.362.01.3-.029.469.342c.088.205.724 1.575.822 1.81c.03.061.01.054-.068.054Zm-3.843-.812c-.186-.01-.733-.059-1.105-.1c-.479-.049-.586-.254-.616-.43a1.4 1.4 0 0 1-.01-.206a2 2 0 0 1 .01-.215c.069-.313.3-.46.714-.46h1.594c.058 0 .078.01.078.059v.362c0 .048-.02.068-.078.058h-1.567c-.068 0-.1.03-.107.1v.088c0 .05.019.089.1.101c.185.019.762.068.977.088c.392.039.675.107.753.479c0 .029.01.127.01.235a1 1 0 0 1-.019.234c-.069.352-.333.421-.744.421h-1.644c-.059 0-.069-.01-.069-.069v-.352c0-.058.01-.068.069-.068h1.662c.068 0 .088-.02.1-.069V12.5a.125.125 0 0 0-.11-.117Zm-2.826 0c-.185-.01-.733-.059-1.1-.1c-.479-.049-.6-.254-.616-.43a2 2 0 0 1-.009-.206a2 2 0 0 1 .009-.215c.069-.313.3-.46.714-.46h1.594c.059 0 .078.01.078.059v.362c0 .048-.019.068-.078.058H9.182c-.068 0-.1.03-.107.1v.088c0 .05.029.089.1.101c.186.019.762.068.978.088c.391.039.674.107.752.479c0 .029.01.127.01.235a1 1 0 0 1-.019.234c-.069.352-.333.421-.743.421H8.508c-.059 0-.069-.01-.069-.069v-.352c0-.058.01-.068.069-.068h1.662c.069 0 .088-.02.1-.069V12.5c-.012-.048-.022-.107-.11-.117Zm-2.19-1.37v2.094c0 .049-.01.068-.068.068h-.511c-.059 0-.068-.01-.068-.068v-2.101c0-.039.009-.058.048-.058h.538c.049 0 .059.019.059.058Zm-2.241 1.982c-.245-.381-.978-1.507-.978-1.507v1.634c0 .059-.01.069-.068.069h-.441c-.058 0-.068-.01-.068-.069v-2.086c0-.049.01-.069.068-.069h.509c.381 0 .43-.01.567.186c.108.176 1 1.546 1 1.546v-1.663c0-.049.01-.069.069-.069h.44c.058 0 .068.02.068.069v2.083c0 .059-.01.069-.068.069h-.6c-.351 0-.381 0-.498-.193m6.3 5.405a6.7 6.7 0 0 1-6.153-3.881l-.018-.014c1.871.121 3.983.161 6.236.166a107 107 0 0 0 6.08-.146v.013a6.71 6.71 0 0 1-6.145 3.857Zm7.917-5.278c0 .059-.01.069-.068.069h-.6c-.352 0-.381 0-.5-.2c-.245-.381-.978-1.507-.978-1.507v1.634c0 .059-.01.069-.069.069h-.431c-.058 0-.068-.01-.068-.069v-2.082c0-.049.01-.069.068-.069h.509c.381 0 .43-.01.567.186c.117.176 1 1.546 1 1.546v-1.663c0-.049.01-.069.069-.069h.44c.058 0 .068.02.068.069Zm-4.478-1.656c-.01-.01-.039-.01-.059-.01s-.058 0-.068.01a.06.06 0 0 0-.059.029c0 .01-.166.392-.332.783h.89c-.137-.332-.284-.666-.323-.773a.05.05 0 0 0-.049-.039"/></svg>

How to use the Nissan icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Nissan icon in other icon sets

Nissan icon FAQ

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

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

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

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

Browse all Custom Brand Icons →