no newline icon

no-newline from Octicons by GitHub · Regular · MIT Free for personal and commercial use.

Name
no-newline
Set
Octicons
Style
Regular
Viewbox
16×16
License
MIT

The same icon in other sets

no-newlineCodicons

Related icons in Octicons

no-entry-16no-entry-fill-12

Use the no newline icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M16 5v3c0 .55-.45 1-1 1h-3v2L9 8l3-3v2h2V5h2zM8 8c0 2.2-1.8 4-4 4s-4-1.8-4-4s1.8-4 4-4s4 1.8 4 4zM1.5 9.66L5.66 5.5C5.18 5.19 4.61 5 4 5C2.34 5 1 6.34 1 8c0 .61.19 1.17.5 1.66zM7 8c0-.61-.19-1.17-.5-1.66L2.34 10.5c.48.31 1.05.5 1.66.5c1.66 0 3-1.34 3-3z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function OcticonNoNewline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fillRule="evenodd" d="M16 5v3c0 .55-.45 1-1 1h-3v2L9 8l3-3v2h2V5h2zM8 8c0 2.2-1.8 4-4 4s-4-1.8-4-4s1.8-4 4-4s4 1.8 4 4zM1.5 9.66L5.66 5.5C5.18 5.19 4.61 5 4 5C2.34 5 1 6.34 1 8c0 .61.19 1.17.5 1.66zM7 8c0-.61-.19-1.17-.5-1.66L2.34 10.5c.48.31 1.05.5 1.66.5c1.66 0 3-1.34 3-3z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M16 5v3c0 .55-.45 1-1 1h-3v2L9 8l3-3v2h2V5h2zM8 8c0 2.2-1.8 4-4 4s-4-1.8-4-4s1.8-4 4-4s4 1.8 4 4zM1.5 9.66L5.66 5.5C5.18 5.19 4.61 5 4 5C2.34 5 1 6.34 1 8c0 .61.19 1.17.5 1.66zM7 8c0-.61-.19-1.17-.5-1.66L2.34 10.5c.48.31 1.05.5 1.66.5c1.66 0 3-1.34 3-3z" fill="currentColor"/></svg>
</template>

CSS

.icon-no-newline {
  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%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M16%205v3c0%20.55-.45%201-1%201h-3v2L9%208l3-3v2h2V5h2zM8%208c0%202.2-1.8%204-4%204s-4-1.8-4-4s1.8-4%204-4s4%201.8%204%204zM1.5%209.66L5.66%205.5C5.18%205.19%204.61%205%204%205C2.34%205%201%206.34%201%208c0%20.61.19%201.17.5%201.66zM7%208c0-.61-.19-1.17-.5-1.66L2.34%2010.5c.48.31%201.05.5%201.66.5c1.66%200%203-1.34%203-3z%22%20fill%3D%22currentColor%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%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M16%205v3c0%20.55-.45%201-1%201h-3v2L9%208l3-3v2h2V5h2zM8%208c0%202.2-1.8%204-4%204s-4-1.8-4-4s1.8-4%204-4s4%201.8%204%204zM1.5%209.66L5.66%205.5C5.18%205.19%204.61%205%204%205C2.34%205%201%206.34%201%208c0%20.61.19%201.17.5%201.66zM7%208c0-.61-.19-1.17-.5-1.66L2.34%2010.5c.48.31%201.05.5%201.66.5c1.66%200%203-1.34%203-3z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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