Nvidia Dark icon

thesvg-color:nvidia-dark

The Nvidia Dark icon (thesvg-color:nvidia-dark) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 351 × 259 grid. theSVG Color icons are released under the MIT 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: theSVG Color
Author: thesvg.org
License: MIT
Size: 351 × 259
Tags: nvidiadark

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="351" height="259" viewBox="0 0 351 259"><path fill="#fff" d="M384.195 282.109c0 3.771-2.769 6.302-6.047 6.302v-.023c-3.371.023-6.089-2.508-6.089-6.278s2.718-6.293 6.089-6.293c3.279-.001 6.047 2.523 6.047 6.292m2.453 0c0-5.175-4.02-8.179-8.5-8.179c-4.511 0-8.531 3.004-8.531 8.179c0 5.172 4.021 8.188 8.531 8.188c4.481 0 8.5-3.016 8.5-8.188m-9.91.692h.91l2.109 3.703h2.316l-2.336-3.859c1.207-.086 2.2-.661 2.2-2.286c0-2.019-1.392-2.668-3.75-2.668h-3.411v8.813h1.961v-3.703m.001-1.492v-2.122h1.364c.742 0 1.753.06 1.753.965c0 .985-.523 1.157-1.398 1.157zm-47.332-44.282l10.598 28.993H318.48zm-11.35-11.289l-24.423 61.88h17.246l3.863-10.934h28.903l3.656 10.934h18.722l-24.605-61.888zm-49.033 61.903h17.497v-61.922l-17.5-.004zm-121.467-61.926l-14.598 49.078l-13.984-49.074l-18.879-.004l19.972 61.926h25.207l20.133-61.926zm70.725 13.484h7.52c10.91 0 17.966 4.898 17.966 17.609c0 12.714-7.056 17.613-17.966 17.613h-7.52zm-17.35-13.484v61.926h28.366c15.113 0 20.048-2.512 25.384-8.148c3.769-3.957 6.207-12.641 6.207-22.134c0-8.707-2.063-16.468-5.66-21.304c-6.481-8.649-15.817-10.34-29.75-10.34zm-165.743-.086v62.012h17.645v-47.086l13.672.004c4.527 0 7.754 1.128 9.934 3.457c2.765 2.945 3.894 7.699 3.894 16.395v27.23h17.098v-34.262c0-24.453-15.586-27.75-30.836-27.75zm137.583.086l.007 61.926h17.489v-61.926z"/><path fill="#77b900" d="M82.211 102.414s22.504-33.203 67.437-36.638V53.73c-49.769 3.997-92.867 46.149-92.867 46.149s24.41 70.565 92.867 77.026v-12.804c-50.237-6.32-67.437-61.687-67.437-61.687m67.437 36.223v11.726c-37.968-6.769-48.507-46.237-48.507-46.237s18.23-20.195 48.507-23.47v12.867c-.023 0-.039-.007-.058-.007c-15.891-1.907-28.305 12.938-28.305 12.938s6.958 24.991 28.363 32.183m0-107.125V53.73c1.461-.112 2.922-.207 4.391-.257c56.582-1.907 93.449 46.406 93.449 46.406s-42.343 51.488-86.457 51.488c-4.043 0-7.828-.375-11.383-1.005v13.739c3.04.386 6.192.613 9.481.613c41.051 0 70.738-20.965 99.484-45.778c4.766 3.817 24.278 13.103 28.289 17.168c-27.332 22.883-91.031 41.329-127.144 41.329c-3.481 0-6.824-.211-10.11-.528v19.306H305.68V31.512zm0 49.144V65.777c1.446-.101 2.903-.179 4.391-.226c40.688-1.278 67.382 34.965 67.382 34.965s-28.832 40.043-59.746 40.043c-4.449 0-8.438-.715-12.028-1.922V93.523c15.84 1.914 19.028 8.911 28.551 24.786l21.18-17.859s-15.461-20.277-41.524-20.277c-2.833-.001-5.544.198-8.206.483"/></svg>

How to use the Nvidia Dark icon

React

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

<Icon icon="thesvg-color:nvidia-dark" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:nvidia-dark" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:nvidia-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nvidia-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nvidia-dark"></div>

Web component

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

<iconify-icon icon="thesvg-color:nvidia-dark"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/nvidia-dark.svg" alt="Nvidia Dark icon" width="24" height="24">

Related icons in theSVG Color

Nvidia Dark icon in other icon sets

Nvidia Dark icon FAQ

Is the Nvidia Dark icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Nvidia Dark icon in React?

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

How do I add the Nvidia Dark icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/nvidia-dark.svg" alt="Nvidia Dark icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →