Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

VS Code Icons · VscNoNewline

No Newline icon

A free no newline icon from VS Code Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
CC BY 4.0 license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/no-newline.json
components/icons/vscode-codicons-no-newline.tsx
import * as React from "react";

/**
 * No Newline from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/no-newline. Sized in em, colored by currentColor.
 */
export function VscNoNewlineIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 16 16"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13.0013 3.49999V6.20739C12.6787 6.11606 12.344 6.05344 12.0002 6.02244V3.49899C12.0002 3.22299 12.2242 2.99899 12.5002 2.99899C12.7762 2.99899 13.0002 3.22299 13.0002 3.49899L13.0013 3.49999Z"
      />
      <path
        d="M2.70825 8.99999H6.59971C6.78281 8.64182 7.00402 8.30637 7.25799 7.99899H2.70725L5.35325 5.35299C5.54825 5.15799 5.54825 4.84099 5.35325 4.64599C5.15825 4.45099 4.84125 4.45099 4.64625 4.64599L1.14625 8.14599C0.95125 8.34099 0.95125 8.65799 1.14625 8.85299L4.64625 12.353C4.74425 12.45 4.87225 12.499 5.00025 12.499C5.12825 12.499 5.25625 12.451 5.35425 12.353C5.54925 12.158 5.54925 11.841 5.35425 11.646L2.70825 8.99999Z"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7 11.5C7 13.9853 9.01472 16 11.5 16C13.9853 16 16 13.9853 16 11.5C16 9.01472 13.9853 7 11.5 7C9.01472 7 7 9.01472 7 11.5ZM8 11.5C8 12.2862 8.25919 13.0118 8.69679 13.5961L13.5961 8.69679C13.0118 8.25919 12.2862 8 11.5 8C9.567 8 8 9.567 8 11.5ZM11.5 15C10.7138 15 9.98818 14.7408 9.40389 14.3032L14.3032 9.40389C14.7408 9.98818 15 10.7138 15 11.5C15 13.433 13.433 15 11.5 15Z"
      />
    </svg>
  );
}
With react-icons
import { VscNoNewline } from "react-icons/vsc";

export function Example() {
  return <VscNoNewline className="size-5" />;
}
no-newline.svg
<svg
  viewBox="0 0 16 16"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M13.0013 3.49999V6.20739C12.6787 6.11606 12.344 6.05344 12.0002 6.02244V3.49899C12.0002 3.22299 12.2242 2.99899 12.5002 2.99899C12.7762 2.99899 13.0002 3.22299 13.0002 3.49899L13.0013 3.49999Z"
  />
  <path
    d="M2.70825 8.99999H6.59971C6.78281 8.64182 7.00402 8.30637 7.25799 7.99899H2.70725L5.35325 5.35299C5.54825 5.15799 5.54825 4.84099 5.35325 4.64599C5.15825 4.45099 4.84125 4.45099 4.64625 4.64599L1.14625 8.14599C0.95125 8.34099 0.95125 8.65799 1.14625 8.85299L4.64625 12.353C4.74425 12.45 4.87225 12.499 5.00025 12.499C5.12825 12.499 5.25625 12.451 5.35425 12.353C5.54925 12.158 5.54925 11.841 5.35425 11.646L2.70825 8.99999Z"
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M7 11.5C7 13.9853 9.01472 16 11.5 16C13.9853 16 16 13.9853 16 11.5C16 9.01472 13.9853 7 11.5 7C9.01472 7 7 9.01472 7 11.5ZM8 11.5C8 12.2862 8.25919 13.0118 8.69679 13.5961L13.5961 8.69679C13.0118 8.25919 12.2862 8 11.5 8C9.567 8 8 9.567 8 11.5ZM11.5 15C10.7138 15 9.98818 14.7408 9.40389 14.3032L14.3032 9.40389C14.7408 9.98818 15 10.7138 15 11.5C15 13.433 13.433 15 11.5 15Z"
  />
</svg>
Attribution
"No Newline" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: