nextra logo

nextra from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
nextra
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the nextra logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.68 21.031c-4.98-4.98-4.98-13.083 0-18.063l.978-.978c.22-.22.342-.513.342-.825s-.122-.604-.342-.824c-.44-.441-1.207-.44-1.648 0l-.979.978c-4.98 4.98-13.084 4.98-18.063 0L1.99.34a1.17 1.17 0 0 0-1.649 0a1.17 1.17 0 0 0 0 1.649l.978.978c4.98 4.98 4.98 13.083 0 18.063l-.977.978c-.221.22-.342.513-.342.825c0 .31.121.604.341.824c.442.443 1.21.441 1.65 0l.977-.977c4.98-4.983 13.083-4.98 18.064 0l.978.977c.22.22.513.342.824.342c.312 0 .605-.122.824-.342c.22-.22.342-.512.342-.824c0-.313-.122-.605-.342-.825l-.977-.978z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsNextra(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="M22.68 21.031c-4.98-4.98-4.98-13.083 0-18.063l.978-.978c.22-.22.342-.513.342-.825s-.122-.604-.342-.824c-.44-.441-1.207-.44-1.648 0l-.979.978c-4.98 4.98-13.084 4.98-18.063 0L1.99.34a1.17 1.17 0 0 0-1.649 0a1.17 1.17 0 0 0 0 1.649l.978.978c4.98 4.98 4.98 13.083 0 18.063l-.977.978c-.221.22-.342.513-.342.825c0 .31.121.604.341.824c.442.443 1.21.441 1.65 0l.977-.977c4.98-4.983 13.083-4.98 18.064 0l.978.977c.22.22.513.342.824.342c.312 0 .605-.122.824-.342c.22-.22.342-.512.342-.824c0-.313-.122-.605-.342-.825l-.977-.978z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.68 21.031c-4.98-4.98-4.98-13.083 0-18.063l.978-.978c.22-.22.342-.513.342-.825s-.122-.604-.342-.824c-.44-.441-1.207-.44-1.648 0l-.979.978c-4.98 4.98-13.084 4.98-18.063 0L1.99.34a1.17 1.17 0 0 0-1.649 0a1.17 1.17 0 0 0 0 1.649l.978.978c4.98 4.98 4.98 13.083 0 18.063l-.977.978c-.221.22-.342.513-.342.825c0 .31.121.604.341.824c.442.443 1.21.441 1.65 0l.977-.977c4.98-4.983 13.083-4.98 18.064 0l.978.977c.22.22.513.342.824.342c.312 0 .605-.122.824-.342c.22-.22.342-.512.342-.824c0-.313-.122-.605-.342-.825l-.977-.978z"/></svg>
</template>

CSS

.icon-nextra {
  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%22M22.68%2021.031c-4.98-4.98-4.98-13.083%200-18.063l.978-.978c.22-.22.342-.513.342-.825s-.122-.604-.342-.824c-.44-.441-1.207-.44-1.648%200l-.979.978c-4.98%204.98-13.084%204.98-18.063%200L1.99.34a1.17%201.17%200%200%200-1.649%200a1.17%201.17%200%200%200%200%201.649l.978.978c4.98%204.98%204.98%2013.083%200%2018.063l-.977.978c-.221.22-.342.513-.342.825c0%20.31.121.604.341.824c.442.443%201.21.441%201.65%200l.977-.977c4.98-4.983%2013.083-4.98%2018.064%200l.978.977c.22.22.513.342.824.342c.312%200%20.605-.122.824-.342c.22-.22.342-.512.342-.824c0-.313-.122-.605-.342-.825l-.977-.978z%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%22M22.68%2021.031c-4.98-4.98-4.98-13.083%200-18.063l.978-.978c.22-.22.342-.513.342-.825s-.122-.604-.342-.824c-.44-.441-1.207-.44-1.648%200l-.979.978c-4.98%204.98-13.084%204.98-18.063%200L1.99.34a1.17%201.17%200%200%200-1.649%200a1.17%201.17%200%200%200%200%201.649l.978.978c4.98%204.98%204.98%2013.083%200%2018.063l-.977.978c-.221.22-.342.513-.342.825c0%20.31.121.604.341.824c.442.443%201.21.441%201.65%200l.977-.977c4.98-4.983%2013.083-4.98%2018.064%200l.978.977c.22.22.513.342.824.342c.312%200%20.605-.122.824-.342c.22-.22.342-.512.342-.824c0-.313-.122-.605-.342-.825l-.977-.978z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/nextra.svg?color=%231a73e8&size=48