nvidia icon
nvidia from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- nvidia
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
Use the nvidia icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M1.635 7.146S3.08 5.012 5.97 4.791v-.774C2.77 4.273 0 6.983 0 6.983s1.57 4.536 5.97 4.952v-.824c-3.23-.406-4.335-3.965-4.335-3.965M5.97 9.475v.753c-2.44-.435-3.118-2.972-3.118-2.972S4.023 5.958 5.97 5.747v.828h-.004c-1.021-.123-1.82.83-1.82.83s.448 1.607 1.824 2.07M6 2l-.03 2.017A7 7 0 0 1 6.252 4c3.637-.123 6.007 2.983 6.007 2.983s-2.722 3.31-5.557 3.31q-.39-.002-.732-.065v.883q.292.039.61.04c2.638 0 4.546-1.348 6.394-2.943c.307.246 1.561.842 1.819 1.104c-1.757 1.47-5.852 2.657-8.173 2.657a7 7 0 0 1-.65-.034V14H16l.03-12zm-.03 3.747v-.956a6 6 0 0 1 .282-.015c2.616-.082 4.332 2.248 4.332 2.248S8.73 9.598 6.743 9.598c-.286 0-.542-.046-.773-.123v-2.9c1.018.123 1.223.572 1.835 1.593L9.167 7.02s-.994-1.304-2.67-1.304a5 5 0 0 0-.527.031"/></svg>
React
import type { SVGProps } from "react";
export function BiNvidia(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M1.635 7.146S3.08 5.012 5.97 4.791v-.774C2.77 4.273 0 6.983 0 6.983s1.57 4.536 5.97 4.952v-.824c-3.23-.406-4.335-3.965-4.335-3.965M5.97 9.475v.753c-2.44-.435-3.118-2.972-3.118-2.972S4.023 5.958 5.97 5.747v.828h-.004c-1.021-.123-1.82.83-1.82.83s.448 1.607 1.824 2.07M6 2l-.03 2.017A7 7 0 0 1 6.252 4c3.637-.123 6.007 2.983 6.007 2.983s-2.722 3.31-5.557 3.31q-.39-.002-.732-.065v.883q.292.039.61.04c2.638 0 4.546-1.348 6.394-2.943c.307.246 1.561.842 1.819 1.104c-1.757 1.47-5.852 2.657-8.173 2.657a7 7 0 0 1-.65-.034V14H16l.03-12zm-.03 3.747v-.956a6 6 0 0 1 .282-.015c2.616-.082 4.332 2.248 4.332 2.248S8.73 9.598 6.743 9.598c-.286 0-.542-.046-.773-.123v-2.9c1.018.123 1.223.572 1.835 1.593L9.167 7.02s-.994-1.304-2.67-1.304a5 5 0 0 0-.527.031"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M1.635 7.146S3.08 5.012 5.97 4.791v-.774C2.77 4.273 0 6.983 0 6.983s1.57 4.536 5.97 4.952v-.824c-3.23-.406-4.335-3.965-4.335-3.965M5.97 9.475v.753c-2.44-.435-3.118-2.972-3.118-2.972S4.023 5.958 5.97 5.747v.828h-.004c-1.021-.123-1.82.83-1.82.83s.448 1.607 1.824 2.07M6 2l-.03 2.017A7 7 0 0 1 6.252 4c3.637-.123 6.007 2.983 6.007 2.983s-2.722 3.31-5.557 3.31q-.39-.002-.732-.065v.883q.292.039.61.04c2.638 0 4.546-1.348 6.394-2.943c.307.246 1.561.842 1.819 1.104c-1.757 1.47-5.852 2.657-8.173 2.657a7 7 0 0 1-.65-.034V14H16l.03-12zm-.03 3.747v-.956a6 6 0 0 1 .282-.015c2.616-.082 4.332 2.248 4.332 2.248S8.73 9.598 6.743 9.598c-.286 0-.542-.046-.773-.123v-2.9c1.018.123 1.223.572 1.835 1.593L9.167 7.02s-.994-1.304-2.67-1.304a5 5 0 0 0-.527.031"/></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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.635%207.146S3.08%205.012%205.97%204.791v-.774C2.77%204.273%200%206.983%200%206.983s1.57%204.536%205.97%204.952v-.824c-3.23-.406-4.335-3.965-4.335-3.965M5.97%209.475v.753c-2.44-.435-3.118-2.972-3.118-2.972S4.023%205.958%205.97%205.747v.828h-.004c-1.021-.123-1.82.83-1.82.83s.448%201.607%201.824%202.07M6%202l-.03%202.017A7%207%200%200%201%206.252%204c3.637-.123%206.007%202.983%206.007%202.983s-2.722%203.31-5.557%203.31q-.39-.002-.732-.065v.883q.292.039.61.04c2.638%200%204.546-1.348%206.394-2.943c.307.246%201.561.842%201.819%201.104c-1.757%201.47-5.852%202.657-8.173%202.657a7%207%200%200%201-.65-.034V14H16l.03-12zm-.03%203.747v-.956a6%206%200%200%201%20.282-.015c2.616-.082%204.332%202.248%204.332%202.248S8.73%209.598%206.743%209.598c-.286%200-.542-.046-.773-.123v-2.9c1.018.123%201.223.572%201.835%201.593L9.167%207.02s-.994-1.304-2.67-1.304a5%205%200%200%200-.527.031%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.635%207.146S3.08%205.012%205.97%204.791v-.774C2.77%204.273%200%206.983%200%206.983s1.57%204.536%205.97%204.952v-.824c-3.23-.406-4.335-3.965-4.335-3.965M5.97%209.475v.753c-2.44-.435-3.118-2.972-3.118-2.972S4.023%205.958%205.97%205.747v.828h-.004c-1.021-.123-1.82.83-1.82.83s.448%201.607%201.824%202.07M6%202l-.03%202.017A7%207%200%200%201%206.252%204c3.637-.123%206.007%202.983%206.007%202.983s-2.722%203.31-5.557%203.31q-.39-.002-.732-.065v.883q.292.039.61.04c2.638%200%204.546-1.348%206.394-2.943c.307.246%201.561.842%201.819%201.104c-1.757%201.47-5.852%202.657-8.173%202.657a7%207%200%200%201-.65-.034V14H16l.03-12zm-.03%203.747v-.956a6%206%200%200%201%20.282-.015c2.616-.082%204.332%202.248%204.332%202.248S8.73%209.598%206.743%209.598c-.286%200-.542-.046-.773-.123v-2.9c1.018.123%201.223.572%201.835%201.593L9.167%207.02s-.994-1.304-2.67-1.304a5%205%200%200%200-.527.031%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/nvidia.svg?color=%231a73e8&size=48
