nvidia logo
nvidia-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- nvidia-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
The same logo in other sets
Use the nvidia logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#74b71b" d="M10.212 8.976V7.62c.127-.01.256-.017.388-.021 3.596-.117 5.957 3.184 5.957 3.184s-2.548 3.647-5.282 3.647a3.227 3.227 0 01-1.063-.175v-4.109c1.4.174 1.681.812 2.523 2.258l1.873-1.627a4.905 4.905 0 00-3.67-1.846 6.594 6.594 0 00-.729.044m0-4.476v2.025c.13-.01.259-.019.388-.024 5.002-.174 8.261 4.226 8.261 4.226s-3.743 4.69-7.643 4.69c-.338 0-.675-.031-1.007-.092v1.25c.278.038.558.057.838.057 3.629 0 6.253-1.91 8.794-4.169.421.347 2.146 1.193 2.501 1.564-2.416 2.083-8.048 3.763-11.24 3.763-.308 0-.603-.02-.894-.048V19.5H24v-15H10.21zm0 9.756v1.068c-3.356-.616-4.287-4.21-4.287-4.21a7.173 7.173 0 014.287-2.138v1.172h-.005a3.182 3.182 0 00-2.502 1.178s.615 2.276 2.507 2.931m-5.961-3.3c1.436-1.935 3.604-3.148 5.961-3.336V6.523C5.81 6.887 2 10.723 2 10.723s2.158 6.427 8.21 7.015v-1.166C5.77 16 4.25 10.958 4.25 10.958h-.002z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubNvidiaColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#74b71b" d="M10.212 8.976V7.62c.127-.01.256-.017.388-.021 3.596-.117 5.957 3.184 5.957 3.184s-2.548 3.647-5.282 3.647a3.227 3.227 0 01-1.063-.175v-4.109c1.4.174 1.681.812 2.523 2.258l1.873-1.627a4.905 4.905 0 00-3.67-1.846 6.594 6.594 0 00-.729.044m0-4.476v2.025c.13-.01.259-.019.388-.024 5.002-.174 8.261 4.226 8.261 4.226s-3.743 4.69-7.643 4.69c-.338 0-.675-.031-1.007-.092v1.25c.278.038.558.057.838.057 3.629 0 6.253-1.91 8.794-4.169.421.347 2.146 1.193 2.501 1.564-2.416 2.083-8.048 3.763-11.24 3.763-.308 0-.603-.02-.894-.048V19.5H24v-15H10.21zm0 9.756v1.068c-3.356-.616-4.287-4.21-4.287-4.21a7.173 7.173 0 014.287-2.138v1.172h-.005a3.182 3.182 0 00-2.502 1.178s.615 2.276 2.507 2.931m-5.961-3.3c1.436-1.935 3.604-3.148 5.961-3.336V6.523C5.81 6.887 2 10.723 2 10.723s2.158 6.427 8.21 7.015v-1.166C5.77 16 4.25 10.958 4.25 10.958h-.002z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#74b71b" d="M10.212 8.976V7.62c.127-.01.256-.017.388-.021 3.596-.117 5.957 3.184 5.957 3.184s-2.548 3.647-5.282 3.647a3.227 3.227 0 01-1.063-.175v-4.109c1.4.174 1.681.812 2.523 2.258l1.873-1.627a4.905 4.905 0 00-3.67-1.846 6.594 6.594 0 00-.729.044m0-4.476v2.025c.13-.01.259-.019.388-.024 5.002-.174 8.261 4.226 8.261 4.226s-3.743 4.69-7.643 4.69c-.338 0-.675-.031-1.007-.092v1.25c.278.038.558.057.838.057 3.629 0 6.253-1.91 8.794-4.169.421.347 2.146 1.193 2.501 1.564-2.416 2.083-8.048 3.763-11.24 3.763-.308 0-.603-.02-.894-.048V19.5H24v-15H10.21zm0 9.756v1.068c-3.356-.616-4.287-4.21-4.287-4.21a7.173 7.173 0 014.287-2.138v1.172h-.005a3.182 3.182 0 00-2.502 1.178s.615 2.276 2.507 2.931m-5.961-3.3c1.436-1.935 3.604-3.148 5.961-3.336V6.523C5.81 6.887 2 10.723 2 10.723s2.158 6.427 8.21 7.015v-1.166C5.77 16 4.25 10.958 4.25 10.958h-.002z"/></svg> </template>
CSS
.icon-nvidia-color {
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%2024%2024%22%3E%3Cpath%20fill%3D%22%2374b71b%22%20d%3D%22M10.212%208.976V7.62c.127-.01.256-.017.388-.021%203.596-.117%205.957%203.184%205.957%203.184s-2.548%203.647-5.282%203.647a3.227%203.227%200%2001-1.063-.175v-4.109c1.4.174%201.681.812%202.523%202.258l1.873-1.627a4.905%204.905%200%2000-3.67-1.846%206.594%206.594%200%2000-.729.044m0-4.476v2.025c.13-.01.259-.019.388-.024%205.002-.174%208.261%204.226%208.261%204.226s-3.743%204.69-7.643%204.69c-.338%200-.675-.031-1.007-.092v1.25c.278.038.558.057.838.057%203.629%200%206.253-1.91%208.794-4.169.421.347%202.146%201.193%202.501%201.564-2.416%202.083-8.048%203.763-11.24%203.763-.308%200-.603-.02-.894-.048V19.5H24v-15H10.21zm0%209.756v1.068c-3.356-.616-4.287-4.21-4.287-4.21a7.173%207.173%200%20014.287-2.138v1.172h-.005a3.182%203.182%200%2000-2.502%201.178s.615%202.276%202.507%202.931m-5.961-3.3c1.436-1.935%203.604-3.148%205.961-3.336V6.523C5.81%206.887%202%2010.723%202%2010.723s2.158%206.427%208.21%207.015v-1.166C5.77%2016%204.25%2010.958%204.25%2010.958h-.002z%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%2024%2024%22%3E%3Cpath%20fill%3D%22%2374b71b%22%20d%3D%22M10.212%208.976V7.62c.127-.01.256-.017.388-.021%203.596-.117%205.957%203.184%205.957%203.184s-2.548%203.647-5.282%203.647a3.227%203.227%200%2001-1.063-.175v-4.109c1.4.174%201.681.812%202.523%202.258l1.873-1.627a4.905%204.905%200%2000-3.67-1.846%206.594%206.594%200%2000-.729.044m0-4.476v2.025c.13-.01.259-.019.388-.024%205.002-.174%208.261%204.226%208.261%204.226s-3.743%204.69-7.643%204.69c-.338%200-.675-.031-1.007-.092v1.25c.278.038.558.057.838.057%203.629%200%206.253-1.91%208.794-4.169.421.347%202.146%201.193%202.501%201.564-2.416%202.083-8.048%203.763-11.24%203.763-.308%200-.603-.02-.894-.048V19.5H24v-15H10.21zm0%209.756v1.068c-3.356-.616-4.287-4.21-4.287-4.21a7.173%207.173%200%20014.287-2.138v1.172h-.005a3.182%203.182%200%2000-2.502%201.178s.615%202.276%202.507%202.931m-5.961-3.3c1.436-1.935%203.604-3.148%205.961-3.336V6.523C5.81%206.887%202%2010.723%202%2010.723s2.158%206.427%208.21%207.015v-1.166C5.77%2016%204.25%2010.958%204.25%2010.958h-.002z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/nvidia-color.svg?color=%231a73e8&size=48
