nvidia logo
nvidia from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- nvidia
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
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="currentColor" d="M8.948 8.798v-1.43a7 7 0 0 1 .424-.018c3.922-.124 6.493 3.374 6.493 3.374s-2.774 3.851-5.75 3.851a3.7 3.7 0 0 1-1.158-.185v-4.346c1.528.185 1.837.857 2.747 2.385l2.04-1.714s-1.492-1.952-4-1.952a6 6 0 0 0-.796.035m0-4.735v2.138l.424-.027c5.45-.185 9.01 4.47 9.01 4.47s-4.08 4.964-8.33 4.964a6.5 6.5 0 0 1-1.095-.097v1.325c.3.035.61.062.91.062c3.957 0 6.82-2.023 9.593-4.408c.459.371 2.34 1.263 2.73 1.652c-2.633 2.208-8.772 3.984-12.253 3.984c-.335 0-.653-.018-.971-.053v1.864H24V4.063zm0 10.326v1.131c-3.657-.654-4.673-4.46-4.673-4.46s1.758-1.944 4.673-2.262v1.237H8.94c-1.528-.186-2.73 1.245-2.73 1.245s.68 2.412 2.739 3.11M2.456 10.9s2.164-3.197 6.5-3.533V6.201C4.153 6.59 0 10.653 0 10.653s2.35 6.802 8.948 7.42v-1.237c-4.84-.6-6.492-5.936-6.492-5.936"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsNvidia(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.948 8.798v-1.43a7 7 0 0 1 .424-.018c3.922-.124 6.493 3.374 6.493 3.374s-2.774 3.851-5.75 3.851a3.7 3.7 0 0 1-1.158-.185v-4.346c1.528.185 1.837.857 2.747 2.385l2.04-1.714s-1.492-1.952-4-1.952a6 6 0 0 0-.796.035m0-4.735v2.138l.424-.027c5.45-.185 9.01 4.47 9.01 4.47s-4.08 4.964-8.33 4.964a6.5 6.5 0 0 1-1.095-.097v1.325c.3.035.61.062.91.062c3.957 0 6.82-2.023 9.593-4.408c.459.371 2.34 1.263 2.73 1.652c-2.633 2.208-8.772 3.984-12.253 3.984c-.335 0-.653-.018-.971-.053v1.864H24V4.063zm0 10.326v1.131c-3.657-.654-4.673-4.46-4.673-4.46s1.758-1.944 4.673-2.262v1.237H8.94c-1.528-.186-2.73 1.245-2.73 1.245s.68 2.412 2.739 3.11M2.456 10.9s2.164-3.197 6.5-3.533V6.201C4.153 6.59 0 10.653 0 10.653s2.35 6.802 8.948 7.42v-1.237c-4.84-.6-6.492-5.936-6.492-5.936"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.948 8.798v-1.43a7 7 0 0 1 .424-.018c3.922-.124 6.493 3.374 6.493 3.374s-2.774 3.851-5.75 3.851a3.7 3.7 0 0 1-1.158-.185v-4.346c1.528.185 1.837.857 2.747 2.385l2.04-1.714s-1.492-1.952-4-1.952a6 6 0 0 0-.796.035m0-4.735v2.138l.424-.027c5.45-.185 9.01 4.47 9.01 4.47s-4.08 4.964-8.33 4.964a6.5 6.5 0 0 1-1.095-.097v1.325c.3.035.61.062.91.062c3.957 0 6.82-2.023 9.593-4.408c.459.371 2.34 1.263 2.73 1.652c-2.633 2.208-8.772 3.984-12.253 3.984c-.335 0-.653-.018-.971-.053v1.864H24V4.063zm0 10.326v1.131c-3.657-.654-4.673-4.46-4.673-4.46s1.758-1.944 4.673-2.262v1.237H8.94c-1.528-.186-2.73 1.245-2.73 1.245s.68 2.412 2.739 3.11M2.456 10.9s2.164-3.197 6.5-3.533V6.201C4.153 6.59 0 10.653 0 10.653s2.35 6.802 8.948 7.42v-1.237c-4.84-.6-6.492-5.936-6.492-5.936"/></svg> </template>
CSS
.icon-nvidia {
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%22currentColor%22%20d%3D%22M8.948%208.798v-1.43a7%207%200%200%201%20.424-.018c3.922-.124%206.493%203.374%206.493%203.374s-2.774%203.851-5.75%203.851a3.7%203.7%200%200%201-1.158-.185v-4.346c1.528.185%201.837.857%202.747%202.385l2.04-1.714s-1.492-1.952-4-1.952a6%206%200%200%200-.796.035m0-4.735v2.138l.424-.027c5.45-.185%209.01%204.47%209.01%204.47s-4.08%204.964-8.33%204.964a6.5%206.5%200%200%201-1.095-.097v1.325c.3.035.61.062.91.062c3.957%200%206.82-2.023%209.593-4.408c.459.371%202.34%201.263%202.73%201.652c-2.633%202.208-8.772%203.984-12.253%203.984c-.335%200-.653-.018-.971-.053v1.864H24V4.063zm0%2010.326v1.131c-3.657-.654-4.673-4.46-4.673-4.46s1.758-1.944%204.673-2.262v1.237H8.94c-1.528-.186-2.73%201.245-2.73%201.245s.68%202.412%202.739%203.11M2.456%2010.9s2.164-3.197%206.5-3.533V6.201C4.153%206.59%200%2010.653%200%2010.653s2.35%206.802%208.948%207.42v-1.237c-4.84-.6-6.492-5.936-6.492-5.936%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%22currentColor%22%20d%3D%22M8.948%208.798v-1.43a7%207%200%200%201%20.424-.018c3.922-.124%206.493%203.374%206.493%203.374s-2.774%203.851-5.75%203.851a3.7%203.7%200%200%201-1.158-.185v-4.346c1.528.185%201.837.857%202.747%202.385l2.04-1.714s-1.492-1.952-4-1.952a6%206%200%200%200-.796.035m0-4.735v2.138l.424-.027c5.45-.185%209.01%204.47%209.01%204.47s-4.08%204.964-8.33%204.964a6.5%206.5%200%200%201-1.095-.097v1.325c.3.035.61.062.91.062c3.957%200%206.82-2.023%209.593-4.408c.459.371%202.34%201.263%202.73%201.652c-2.633%202.208-8.772%203.984-12.253%203.984c-.335%200-.653-.018-.971-.053v1.864H24V4.063zm0%2010.326v1.131c-3.657-.654-4.673-4.46-4.673-4.46s1.758-1.944%204.673-2.262v1.237H8.94c-1.528-.186-2.73%201.245-2.73%201.245s.68%202.412%202.739%203.11M2.456%2010.9s2.164-3.197%206.5-3.533V6.201C4.153%206.59%200%2010.653%200%2010.653s2.35%206.802%208.948%207.42v-1.237c-4.84-.6-6.492-5.936-6.492-5.936%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/nvidia.svg?color=%231a73e8&size=48
