Nextdotjs icon
thesvg-color:nextdotjs
The Nextdotjs icon (thesvg-color:nextdotjs) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 180 × 180 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 180 × 180
- Tags
- nextdotj
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180"><mask id="SVGHWp9zczx" width="180" height="180" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="90" cy="90" r="90"/></mask><g mask="url(#SVGHWp9zczx)"><circle cx="90" cy="90" r="90"/><path fill="url(#SVGR6HFychW)" d="M149.508 157.52L69.142 54H54v71.97h12.114V69.384l73.885 95.461a90 90 0 0 0 9.509-7.325"/><path fill="url(#SVGO7E04qYS)" d="M115 54h12v72h-12z"/></g><defs><linearGradient id="SVGR6HFychW" x1="109" x2="144.5" y1="116.5" y2="160.5" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGO7E04qYS" x1="121" x2="120.799" y1="54" y2="106.875" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs></svg>How to use the Nextdotjs icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:nextdotjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:nextdotjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:nextdotjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nextdotjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nextdotjs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:nextdotjs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/nextdotjs.svg" alt="Nextdotjs icon" width="24" height="24">Nextdotjs icon in other icon sets
Nextdotjs icon FAQ
Is the Nextdotjs icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Nextdotjs icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:nextdotjs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nextdotjs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/nextdotjs.svg" alt="Nextdotjs icon">, or paste the SVG code inline to style it with CSS.