Text Continuous icon

Use the Text Continuous icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { TextContinuous24Regular, TextContinuous24Filled } from "@fluentui/react-icons";

export function Example() {
  return <TextContinuous24Regular aria-label="Text Continuous" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_text_continuous_24_regular.svg" width="24" height="24" alt="Text Continuous">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5C3.33579 5 3 5.33579 3 5.75C3 6.16421 3.33579 6.5 3.75 6.5H20.25C20.6642 6.5 21 6.16421 21 5.75C21 5.33579 20.6642 5 20.25 5H3.75ZM8.75 9C8.33579 9 8 9.33579 8 9.75C8 10.1642 8.33579 10.5 8.75 10.5H20.25C20.6642 10.5 21 10.1642 21 9.75C21 9.33579 20.6642 9 20.25 9H8.75ZM8 13.75C8 13.3358 8.33579 13 8.75 13H20.25C20.6642 13 21 13.3358 21 13.75C21 14.1642 20.6642 14.5 20.25 14.5H8.75C8.33579 14.5 8 14.1642 8 13.75ZM3.75 17C3.33579 17 3 17.3358 3 17.75C3 18.1642 3.33579 18.5 3.75 18.5H20.25C20.6642 18.5 21 18.1642 21 17.75C21 17.3358 20.6642 17 20.25 17H3.75ZM3.21967 11.0303C2.92678 10.7374 2.92678 10.2626 3.21967 9.96967C3.51256 9.67678 3.98744 9.67678 4.28033 9.96967L5.78033 11.4697C6.07322 11.7626 6.07322 12.2374 5.78033 12.5303L4.28033 14.0303C3.98744 14.3232 3.51256 14.3232 3.21967 14.0303C2.92678 13.7374 2.92678 13.2626 3.21967 12.9697L4.18934 12L3.21967 11.0303Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/text_continuous_24_regular.svg";

Details

Keywords

typetexttypographyeditcreate