nvidia logo

nvidia-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.

Name: nvidia-text
Set: LobeHub AI Icons
Style: Wordmark
Viewbox: 111×24
License: MIT

2 other variants in LobeHub AI Icons

The same logo in other sets

nvidiaBootstrap Icons nvidiaCoreUI Brands nvidiaSVG Logos nvidiaSimple Icons

Use the nvidia logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 111 24"><path fill="currentColor" fill-rule="evenodd" d="M46.495 2.027v19.965h5.656V2.027h-5.656zM2 2v19.992h5.706V6.48l4.452.015a4.088 4.088 0 013.183 1.101c.894.951 1.26 2.483 1.26 5.287V22h5.529V10.949c0-7.883-5.035-8.946-9.972-8.946L2 2zm53.604.027v19.965h9.174c4.882 0 6.482-.81 8.208-2.626a11.156 11.156 0 002.008-7.136c.109-2.423-.53-4.82-1.831-6.869-2.095-2.788-5.114-3.332-9.621-3.332l-7.938-.002zm5.61 4.347h2.432c3.527 0 5.81 1.58 5.81 5.678 0 4.097-2.289 5.679-5.81 5.679h-2.432V6.374zM38.34 2.027L33.62 17.845 29.096 2.027h-6.102l6.46 19.965h8.151l6.51-19.965h-5.774zm39.285 19.965h5.657V2.03h-5.659l.002 19.963zm15.86-19.957l-7.898 19.95h5.578l1.25-3.526h9.346l1.183 3.526H109l-7.958-19.952-7.555.002zm3.673 3.64l3.427 9.346h-6.96l3.533-9.346z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubNvidiaText(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 111 24"><path fill="currentColor" fillRule="evenodd" d="M46.495 2.027v19.965h5.656V2.027h-5.656zM2 2v19.992h5.706V6.48l4.452.015a4.088 4.088 0 013.183 1.101c.894.951 1.26 2.483 1.26 5.287V22h5.529V10.949c0-7.883-5.035-8.946-9.972-8.946L2 2zm53.604.027v19.965h9.174c4.882 0 6.482-.81 8.208-2.626a11.156 11.156 0 002.008-7.136c.109-2.423-.53-4.82-1.831-6.869-2.095-2.788-5.114-3.332-9.621-3.332l-7.938-.002zm5.61 4.347h2.432c3.527 0 5.81 1.58 5.81 5.678 0 4.097-2.289 5.679-5.81 5.679h-2.432V6.374zM38.34 2.027L33.62 17.845 29.096 2.027h-6.102l6.46 19.965h8.151l6.51-19.965h-5.774zm39.285 19.965h5.657V2.03h-5.659l.002 19.963zm15.86-19.957l-7.898 19.95h5.578l1.25-3.526h9.346l1.183 3.526H109l-7.958-19.952-7.555.002zm3.673 3.64l3.427 9.346h-6.96l3.533-9.346z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 111 24"><path fill="currentColor" fill-rule="evenodd" d="M46.495 2.027v19.965h5.656V2.027h-5.656zM2 2v19.992h5.706V6.48l4.452.015a4.088 4.088 0 013.183 1.101c.894.951 1.26 2.483 1.26 5.287V22h5.529V10.949c0-7.883-5.035-8.946-9.972-8.946L2 2zm53.604.027v19.965h9.174c4.882 0 6.482-.81 8.208-2.626a11.156 11.156 0 002.008-7.136c.109-2.423-.53-4.82-1.831-6.869-2.095-2.788-5.114-3.332-9.621-3.332l-7.938-.002zm5.61 4.347h2.432c3.527 0 5.81 1.58 5.81 5.678 0 4.097-2.289 5.679-5.81 5.679h-2.432V6.374zM38.34 2.027L33.62 17.845 29.096 2.027h-6.102l6.46 19.965h8.151l6.51-19.965h-5.774zm39.285 19.965h5.657V2.03h-5.659l.002 19.963zm15.86-19.957l-7.898 19.95h5.578l1.25-3.526h9.346l1.183 3.526H109l-7.958-19.952-7.555.002zm3.673 3.64l3.427 9.346h-6.96l3.533-9.346z"/></svg>
</template>

CSS

.icon-nvidia-text {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20111%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M46.495%202.027v19.965h5.656V2.027h-5.656zM2%202v19.992h5.706V6.48l4.452.015a4.088%204.088%200%20013.183%201.101c.894.951%201.26%202.483%201.26%205.287V22h5.529V10.949c0-7.883-5.035-8.946-9.972-8.946L2%202zm53.604.027v19.965h9.174c4.882%200%206.482-.81%208.208-2.626a11.156%2011.156%200%20002.008-7.136c.109-2.423-.53-4.82-1.831-6.869-2.095-2.788-5.114-3.332-9.621-3.332l-7.938-.002zm5.61%204.347h2.432c3.527%200%205.81%201.58%205.81%205.678%200%204.097-2.289%205.679-5.81%205.679h-2.432V6.374zM38.34%202.027L33.62%2017.845%2029.096%202.027h-6.102l6.46%2019.965h8.151l6.51-19.965h-5.774zm39.285%2019.965h5.657V2.03h-5.659l.002%2019.963zm15.86-19.957l-7.898%2019.95h5.578l1.25-3.526h9.346l1.183%203.526H109l-7.958-19.952-7.555.002zm3.673%203.64l3.427%209.346h-6.96l3.533-9.346z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20111%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M46.495%202.027v19.965h5.656V2.027h-5.656zM2%202v19.992h5.706V6.48l4.452.015a4.088%204.088%200%20013.183%201.101c.894.951%201.26%202.483%201.26%205.287V22h5.529V10.949c0-7.883-5.035-8.946-9.972-8.946L2%202zm53.604.027v19.965h9.174c4.882%200%206.482-.81%208.208-2.626a11.156%2011.156%200%20002.008-7.136c.109-2.423-.53-4.82-1.831-6.869-2.095-2.788-5.114-3.332-9.621-3.332l-7.938-.002zm5.61%204.347h2.432c3.527%200%205.81%201.58%205.81%205.678%200%204.097-2.289%205.679-5.81%205.679h-2.432V6.374zM38.34%202.027L33.62%2017.845%2029.096%202.027h-6.102l6.46%2019.965h8.151l6.51-19.965h-5.774zm39.285%2019.965h5.657V2.03h-5.659l.002%2019.963zm15.86-19.957l-7.898%2019.95h5.578l1.25-3.526h9.346l1.183%203.526H109l-7.958-19.952-7.555.002zm3.673%203.64l3.427%209.346h-6.96l3.533-9.346z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/nvidia-text.svg?color=%231a73e8&size=48