nuxt logo
nuxt from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- nuxt
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
- Aliases
- nuxtdotjs
The same logo in other sets
Use the nuxt logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.464 19.83h8.922c.283 0 .562-.073.807-.21a1.6 1.6 0 0 0 .591-.574a1.53 1.53 0 0 0 .216-.783a1.53 1.53 0 0 0-.217-.782L17.792 7.414a1.6 1.6 0 0 0-.591-.573a1.65 1.65 0 0 0-.807-.21c-.283 0-.562.073-.807.21a1.6 1.6 0 0 0-.59.573L13.463 9.99L10.47 4.953a1.6 1.6 0 0 0-.591-.573a1.65 1.65 0 0 0-.807-.21c-.284 0-.562.073-.807.21a1.6 1.6 0 0 0-.591.573L.216 17.481a1.53 1.53 0 0 0-.217.782c0 .275.074.545.216.783a1.6 1.6 0 0 0 .59.574c.246.137.525.21.808.21h5.6c2.22 0 3.856-.946 4.982-2.79l2.733-4.593l1.464-2.457l4.395 7.382h-5.859Zm-6.341-2.46l-3.908-.002l5.858-9.842l2.923 4.921l-1.957 3.29c-.748 1.196-1.597 1.632-2.916 1.632"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsNuxt(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="M13.464 19.83h8.922c.283 0 .562-.073.807-.21a1.6 1.6 0 0 0 .591-.574a1.53 1.53 0 0 0 .216-.783a1.53 1.53 0 0 0-.217-.782L17.792 7.414a1.6 1.6 0 0 0-.591-.573a1.65 1.65 0 0 0-.807-.21c-.283 0-.562.073-.807.21a1.6 1.6 0 0 0-.59.573L13.463 9.99L10.47 4.953a1.6 1.6 0 0 0-.591-.573a1.65 1.65 0 0 0-.807-.21c-.284 0-.562.073-.807.21a1.6 1.6 0 0 0-.591.573L.216 17.481a1.53 1.53 0 0 0-.217.782c0 .275.074.545.216.783a1.6 1.6 0 0 0 .59.574c.246.137.525.21.808.21h5.6c2.22 0 3.856-.946 4.982-2.79l2.733-4.593l1.464-2.457l4.395 7.382h-5.859Zm-6.341-2.46l-3.908-.002l5.858-9.842l2.923 4.921l-1.957 3.29c-.748 1.196-1.597 1.632-2.916 1.632"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.464 19.83h8.922c.283 0 .562-.073.807-.21a1.6 1.6 0 0 0 .591-.574a1.53 1.53 0 0 0 .216-.783a1.53 1.53 0 0 0-.217-.782L17.792 7.414a1.6 1.6 0 0 0-.591-.573a1.65 1.65 0 0 0-.807-.21c-.283 0-.562.073-.807.21a1.6 1.6 0 0 0-.59.573L13.463 9.99L10.47 4.953a1.6 1.6 0 0 0-.591-.573a1.65 1.65 0 0 0-.807-.21c-.284 0-.562.073-.807.21a1.6 1.6 0 0 0-.591.573L.216 17.481a1.53 1.53 0 0 0-.217.782c0 .275.074.545.216.783a1.6 1.6 0 0 0 .59.574c.246.137.525.21.808.21h5.6c2.22 0 3.856-.946 4.982-2.79l2.733-4.593l1.464-2.457l4.395 7.382h-5.859Zm-6.341-2.46l-3.908-.002l5.858-9.842l2.923 4.921l-1.957 3.29c-.748 1.196-1.597 1.632-2.916 1.632"/></svg> </template>
CSS
.icon-nuxt {
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%22M13.464%2019.83h8.922c.283%200%20.562-.073.807-.21a1.6%201.6%200%200%200%20.591-.574a1.53%201.53%200%200%200%20.216-.783a1.53%201.53%200%200%200-.217-.782L17.792%207.414a1.6%201.6%200%200%200-.591-.573a1.65%201.65%200%200%200-.807-.21c-.283%200-.562.073-.807.21a1.6%201.6%200%200%200-.59.573L13.463%209.99L10.47%204.953a1.6%201.6%200%200%200-.591-.573a1.65%201.65%200%200%200-.807-.21c-.284%200-.562.073-.807.21a1.6%201.6%200%200%200-.591.573L.216%2017.481a1.53%201.53%200%200%200-.217.782c0%20.275.074.545.216.783a1.6%201.6%200%200%200%20.59.574c.246.137.525.21.808.21h5.6c2.22%200%203.856-.946%204.982-2.79l2.733-4.593l1.464-2.457l4.395%207.382h-5.859Zm-6.341-2.46l-3.908-.002l5.858-9.842l2.923%204.921l-1.957%203.29c-.748%201.196-1.597%201.632-2.916%201.632%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%22M13.464%2019.83h8.922c.283%200%20.562-.073.807-.21a1.6%201.6%200%200%200%20.591-.574a1.53%201.53%200%200%200%20.216-.783a1.53%201.53%200%200%200-.217-.782L17.792%207.414a1.6%201.6%200%200%200-.591-.573a1.65%201.65%200%200%200-.807-.21c-.283%200-.562.073-.807.21a1.6%201.6%200%200%200-.59.573L13.463%209.99L10.47%204.953a1.6%201.6%200%200%200-.591-.573a1.65%201.65%200%200%200-.807-.21c-.284%200-.562.073-.807.21a1.6%201.6%200%200%200-.591.573L.216%2017.481a1.53%201.53%200%200%200-.217.782c0%20.275.074.545.216.783a1.6%201.6%200%200%200%20.59.574c.246.137.525.21.808.21h5.6c2.22%200%203.856-.946%204.982-2.79l2.733-4.593l1.464-2.457l4.395%207.382h-5.859Zm-6.341-2.46l-3.908-.002l5.858-9.842l2.923%204.921l-1.957%203.29c-.748%201.196-1.597%201.632-2.916%201.632%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/nuxt.svg?color=%231a73e8&size=48
