nextjs logo
nextjs-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.
- Name
- nextjs-wordmark
- Set
- Devicon
- Style
- Wordmark
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the nextjs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M0 51.098V76.86h4.422V56.604L20.73 76.87h27.694v-4.113H30.553v-6.801h14.37v-4.113h-14.37v-6.621h17.87v-4.116H26.13v4.116h.002V76.68L5.527 51.098zm85.09.01v4.115h9.03v21.65h4.42v-21.65h8.847v-4.116H85.09zm-31.322.011l20.73 25.764h5.803L69.936 64.01l10.35-12.871l-5.79.01l-7.459 9.261l-7.48-9.29h-5.79zm70.158 14.598c-.761 0-1.445.128-2.051.394q-.904.395-1.426 1.108q-.525.715-.525 1.664q-.002 1.154.78 1.847q.777.696 2.124 1.036l1.24.312a7 7 0 0 1 1.026.334a1.9 1.9 0 0 1 .683.461a1.03 1.03 0 0 1 .248.697a1.25 1.25 0 0 1-.283.803a1.77 1.77 0 0 1-.76.535a3.1 3.1 0 0 1-1.132.192a3.2 3.2 0 0 1-1.116-.182a1.9 1.9 0 0 1-.804-.557a1.63 1.63 0 0 1-.352-.931h-1.941q.04 1.067.566 1.812c.526.745.836.873 1.46 1.13c.62.26 1.357.39 2.202.39q1.312-.002 2.233-.4q.925-.405 1.414-1.118c.327-.479.488-1.028.488-1.658q-.001-.7-.266-1.217a2.7 2.7 0 0 0-.72-.887a4.2 4.2 0 0 0-1.028-.607a7 7 0 0 0-1.19-.385l-1.02-.25a7 7 0 0 1-.667-.195a2.8 2.8 0 0 1-.597-.285a1.3 1.3 0 0 1-.43-.418a1.04 1.04 0 0 1-.158-.58a1.2 1.2 0 0 1 .238-.717c.156-.21.385-.376.678-.5a2.8 2.8 0 0 1 1.056-.184q.878-.001 1.43.383a1.42 1.42 0 0 1 .623 1.07h1.9a2.8 2.8 0 0 0-.513-1.607q-.5-.7-1.377-1.096q-.875-.396-2.033-.394m-7.998.144v7.55q-.005.567-.176.954a1.25 1.25 0 0 1-.506.584q-.329.2-.803.2q-.434 0-.771-.17a1.25 1.25 0 0 1-.522-.481a1.5 1.5 0 0 1-.195-.75h-1.963q-.002.992.447 1.656a2.77 2.77 0 0 0 1.211 1.002a4.2 4.2 0 0 0 1.72.34q1.047 0 1.835-.4a2.97 2.97 0 0 0 1.236-1.149q.44-.747.448-1.787v-7.549zm-53.332.059l-8.844 10.982h5.805l5.937-7.38zm45.785 8.498q-.486 0-.83.336a1.07 1.07 0 0 0-.344.807a1.08 1.08 0 0 0 .344.818q.344.337.83.336a1.1 1.1 0 0 0 .574-.156a1.2 1.2 0 0 0 .428-.416a1.1 1.1 0 0 0 .166-.582a1.1 1.1 0 0 0-.354-.807a1.13 1.13 0 0 0-.814-.336"/></svg>
React
import type { SVGProps } from "react";
export function DeviconNextjsWordmark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M0 51.098V76.86h4.422V56.604L20.73 76.87h27.694v-4.113H30.553v-6.801h14.37v-4.113h-14.37v-6.621h17.87v-4.116H26.13v4.116h.002V76.68L5.527 51.098zm85.09.01v4.115h9.03v21.65h4.42v-21.65h8.847v-4.116H85.09zm-31.322.011l20.73 25.764h5.803L69.936 64.01l10.35-12.871l-5.79.01l-7.459 9.261l-7.48-9.29h-5.79zm70.158 14.598c-.761 0-1.445.128-2.051.394q-.904.395-1.426 1.108q-.525.715-.525 1.664q-.002 1.154.78 1.847q.777.696 2.124 1.036l1.24.312a7 7 0 0 1 1.026.334a1.9 1.9 0 0 1 .683.461a1.03 1.03 0 0 1 .248.697a1.25 1.25 0 0 1-.283.803a1.77 1.77 0 0 1-.76.535a3.1 3.1 0 0 1-1.132.192a3.2 3.2 0 0 1-1.116-.182a1.9 1.9 0 0 1-.804-.557a1.63 1.63 0 0 1-.352-.931h-1.941q.04 1.067.566 1.812c.526.745.836.873 1.46 1.13c.62.26 1.357.39 2.202.39q1.312-.002 2.233-.4q.925-.405 1.414-1.118c.327-.479.488-1.028.488-1.658q-.001-.7-.266-1.217a2.7 2.7 0 0 0-.72-.887a4.2 4.2 0 0 0-1.028-.607a7 7 0 0 0-1.19-.385l-1.02-.25a7 7 0 0 1-.667-.195a2.8 2.8 0 0 1-.597-.285a1.3 1.3 0 0 1-.43-.418a1.04 1.04 0 0 1-.158-.58a1.2 1.2 0 0 1 .238-.717c.156-.21.385-.376.678-.5a2.8 2.8 0 0 1 1.056-.184q.878-.001 1.43.383a1.42 1.42 0 0 1 .623 1.07h1.9a2.8 2.8 0 0 0-.513-1.607q-.5-.7-1.377-1.096q-.875-.396-2.033-.394m-7.998.144v7.55q-.005.567-.176.954a1.25 1.25 0 0 1-.506.584q-.329.2-.803.2q-.434 0-.771-.17a1.25 1.25 0 0 1-.522-.481a1.5 1.5 0 0 1-.195-.75h-1.963q-.002.992.447 1.656a2.77 2.77 0 0 0 1.211 1.002a4.2 4.2 0 0 0 1.72.34q1.047 0 1.835-.4a2.97 2.97 0 0 0 1.236-1.149q.44-.747.448-1.787v-7.549zm-53.332.059l-8.844 10.982h5.805l5.937-7.38zm45.785 8.498q-.486 0-.83.336a1.07 1.07 0 0 0-.344.807a1.08 1.08 0 0 0 .344.818q.344.337.83.336a1.1 1.1 0 0 0 .574-.156a1.2 1.2 0 0 0 .428-.416a1.1 1.1 0 0 0 .166-.582a1.1 1.1 0 0 0-.354-.807a1.13 1.13 0 0 0-.814-.336"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M0 51.098V76.86h4.422V56.604L20.73 76.87h27.694v-4.113H30.553v-6.801h14.37v-4.113h-14.37v-6.621h17.87v-4.116H26.13v4.116h.002V76.68L5.527 51.098zm85.09.01v4.115h9.03v21.65h4.42v-21.65h8.847v-4.116H85.09zm-31.322.011l20.73 25.764h5.803L69.936 64.01l10.35-12.871l-5.79.01l-7.459 9.261l-7.48-9.29h-5.79zm70.158 14.598c-.761 0-1.445.128-2.051.394q-.904.395-1.426 1.108q-.525.715-.525 1.664q-.002 1.154.78 1.847q.777.696 2.124 1.036l1.24.312a7 7 0 0 1 1.026.334a1.9 1.9 0 0 1 .683.461a1.03 1.03 0 0 1 .248.697a1.25 1.25 0 0 1-.283.803a1.77 1.77 0 0 1-.76.535a3.1 3.1 0 0 1-1.132.192a3.2 3.2 0 0 1-1.116-.182a1.9 1.9 0 0 1-.804-.557a1.63 1.63 0 0 1-.352-.931h-1.941q.04 1.067.566 1.812c.526.745.836.873 1.46 1.13c.62.26 1.357.39 2.202.39q1.312-.002 2.233-.4q.925-.405 1.414-1.118c.327-.479.488-1.028.488-1.658q-.001-.7-.266-1.217a2.7 2.7 0 0 0-.72-.887a4.2 4.2 0 0 0-1.028-.607a7 7 0 0 0-1.19-.385l-1.02-.25a7 7 0 0 1-.667-.195a2.8 2.8 0 0 1-.597-.285a1.3 1.3 0 0 1-.43-.418a1.04 1.04 0 0 1-.158-.58a1.2 1.2 0 0 1 .238-.717c.156-.21.385-.376.678-.5a2.8 2.8 0 0 1 1.056-.184q.878-.001 1.43.383a1.42 1.42 0 0 1 .623 1.07h1.9a2.8 2.8 0 0 0-.513-1.607q-.5-.7-1.377-1.096q-.875-.396-2.033-.394m-7.998.144v7.55q-.005.567-.176.954a1.25 1.25 0 0 1-.506.584q-.329.2-.803.2q-.434 0-.771-.17a1.25 1.25 0 0 1-.522-.481a1.5 1.5 0 0 1-.195-.75h-1.963q-.002.992.447 1.656a2.77 2.77 0 0 0 1.211 1.002a4.2 4.2 0 0 0 1.72.34q1.047 0 1.835-.4a2.97 2.97 0 0 0 1.236-1.149q.44-.747.448-1.787v-7.549zm-53.332.059l-8.844 10.982h5.805l5.937-7.38zm45.785 8.498q-.486 0-.83.336a1.07 1.07 0 0 0-.344.807a1.08 1.08 0 0 0 .344.818q.344.337.83.336a1.1 1.1 0 0 0 .574-.156a1.2 1.2 0 0 0 .428-.416a1.1 1.1 0 0 0 .166-.582a1.1 1.1 0 0 0-.354-.807a1.13 1.13 0 0 0-.814-.336"/></svg> </template>
CSS
.icon-nextjs-wordmark {
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%20128%20128%22%3E%3Cpath%20d%3D%22M0%2051.098V76.86h4.422V56.604L20.73%2076.87h27.694v-4.113H30.553v-6.801h14.37v-4.113h-14.37v-6.621h17.87v-4.116H26.13v4.116h.002V76.68L5.527%2051.098zm85.09.01v4.115h9.03v21.65h4.42v-21.65h8.847v-4.116H85.09zm-31.322.011l20.73%2025.764h5.803L69.936%2064.01l10.35-12.871l-5.79.01l-7.459%209.261l-7.48-9.29h-5.79zm70.158%2014.598c-.761%200-1.445.128-2.051.394q-.904.395-1.426%201.108q-.525.715-.525%201.664q-.002%201.154.78%201.847q.777.696%202.124%201.036l1.24.312a7%207%200%200%201%201.026.334a1.9%201.9%200%200%201%20.683.461a1.03%201.03%200%200%201%20.248.697a1.25%201.25%200%200%201-.283.803a1.77%201.77%200%200%201-.76.535a3.1%203.1%200%200%201-1.132.192a3.2%203.2%200%200%201-1.116-.182a1.9%201.9%200%200%201-.804-.557a1.63%201.63%200%200%201-.352-.931h-1.941q.04%201.067.566%201.812c.526.745.836.873%201.46%201.13c.62.26%201.357.39%202.202.39q1.312-.002%202.233-.4q.925-.405%201.414-1.118c.327-.479.488-1.028.488-1.658q-.001-.7-.266-1.217a2.7%202.7%200%200%200-.72-.887a4.2%204.2%200%200%200-1.028-.607a7%207%200%200%200-1.19-.385l-1.02-.25a7%207%200%200%201-.667-.195a2.8%202.8%200%200%201-.597-.285a1.3%201.3%200%200%201-.43-.418a1.04%201.04%200%200%201-.158-.58a1.2%201.2%200%200%201%20.238-.717c.156-.21.385-.376.678-.5a2.8%202.8%200%200%201%201.056-.184q.878-.001%201.43.383a1.42%201.42%200%200%201%20.623%201.07h1.9a2.8%202.8%200%200%200-.513-1.607q-.5-.7-1.377-1.096q-.875-.396-2.033-.394m-7.998.144v7.55q-.005.567-.176.954a1.25%201.25%200%200%201-.506.584q-.329.2-.803.2q-.434%200-.771-.17a1.25%201.25%200%200%201-.522-.481a1.5%201.5%200%200%201-.195-.75h-1.963q-.002.992.447%201.656a2.77%202.77%200%200%200%201.211%201.002a4.2%204.2%200%200%200%201.72.34q1.047%200%201.835-.4a2.97%202.97%200%200%200%201.236-1.149q.44-.747.448-1.787v-7.549zm-53.332.059l-8.844%2010.982h5.805l5.937-7.38zm45.785%208.498q-.486%200-.83.336a1.07%201.07%200%200%200-.344.807a1.08%201.08%200%200%200%20.344.818q.344.337.83.336a1.1%201.1%200%200%200%20.574-.156a1.2%201.2%200%200%200%20.428-.416a1.1%201.1%200%200%200%20.166-.582a1.1%201.1%200%200%200-.354-.807a1.13%201.13%200%200%200-.814-.336%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%20128%20128%22%3E%3Cpath%20d%3D%22M0%2051.098V76.86h4.422V56.604L20.73%2076.87h27.694v-4.113H30.553v-6.801h14.37v-4.113h-14.37v-6.621h17.87v-4.116H26.13v4.116h.002V76.68L5.527%2051.098zm85.09.01v4.115h9.03v21.65h4.42v-21.65h8.847v-4.116H85.09zm-31.322.011l20.73%2025.764h5.803L69.936%2064.01l10.35-12.871l-5.79.01l-7.459%209.261l-7.48-9.29h-5.79zm70.158%2014.598c-.761%200-1.445.128-2.051.394q-.904.395-1.426%201.108q-.525.715-.525%201.664q-.002%201.154.78%201.847q.777.696%202.124%201.036l1.24.312a7%207%200%200%201%201.026.334a1.9%201.9%200%200%201%20.683.461a1.03%201.03%200%200%201%20.248.697a1.25%201.25%200%200%201-.283.803a1.77%201.77%200%200%201-.76.535a3.1%203.1%200%200%201-1.132.192a3.2%203.2%200%200%201-1.116-.182a1.9%201.9%200%200%201-.804-.557a1.63%201.63%200%200%201-.352-.931h-1.941q.04%201.067.566%201.812c.526.745.836.873%201.46%201.13c.62.26%201.357.39%202.202.39q1.312-.002%202.233-.4q.925-.405%201.414-1.118c.327-.479.488-1.028.488-1.658q-.001-.7-.266-1.217a2.7%202.7%200%200%200-.72-.887a4.2%204.2%200%200%200-1.028-.607a7%207%200%200%200-1.19-.385l-1.02-.25a7%207%200%200%201-.667-.195a2.8%202.8%200%200%201-.597-.285a1.3%201.3%200%200%201-.43-.418a1.04%201.04%200%200%201-.158-.58a1.2%201.2%200%200%201%20.238-.717c.156-.21.385-.376.678-.5a2.8%202.8%200%200%201%201.056-.184q.878-.001%201.43.383a1.42%201.42%200%200%201%20.623%201.07h1.9a2.8%202.8%200%200%200-.513-1.607q-.5-.7-1.377-1.096q-.875-.396-2.033-.394m-7.998.144v7.55q-.005.567-.176.954a1.25%201.25%200%200%201-.506.584q-.329.2-.803.2q-.434%200-.771-.17a1.25%201.25%200%200%201-.522-.481a1.5%201.5%200%200%201-.195-.75h-1.963q-.002.992.447%201.656a2.77%202.77%200%200%200%201.211%201.002a4.2%204.2%200%200%200%201.72.34q1.047%200%201.835-.4a2.97%202.97%200%200%200%201.236-1.149q.44-.747.448-1.787v-7.549zm-53.332.059l-8.844%2010.982h5.805l5.937-7.38zm45.785%208.498q-.486%200-.83.336a1.07%201.07%200%200%200-.344.807a1.08%201.08%200%200%200%20.344.818q.344.337.83.336a1.1%201.1%200%200%200%20.574-.156a1.2%201.2%200%200%200%20.428-.416a1.1%201.1%200%200%200%20.166-.582a1.1%201.1%200%200%200-.354-.807a1.13%201.13%200%200%200-.814-.336%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/nextjs-wordmark.svg?color=%231a73e8&size=48
