scroll text icon

scroll-text from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name: scroll-text
Set: Huge Icons
Style: Stroke
Viewbox: 24×24
License: MIT

The same icon in other sets

scroll-textLucide scroll-textMajesticons

Related icons in Huge Icons

scroll-01 scroll-horizontal scroll-vertical

Use the scroll text icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M1.992 7c0 .943 0 1.414.293 1.707S3.05 9 3.992 9h2V5a2 2 0 1 0-4 0zm8 12v-1c0-.943 0-1.414.293-1.707S11.05 16 11.992 16h8c.943 0 1.414 0 1.707.293s.293.764.293 1.707v1a2 2 0 0 1-2 2h-12a2 2 0 0 0 2-2" clip-rule="evenodd"/><path stroke-linejoin="round" d="M18.992 16V7c0-1.886 0-2.828-.586-3.414C17.821 3 16.878 3 14.992 3h-11m6 5h5m-5 3h3"/><path d="M5.992 9v10a2 2 0 1 0 4 0v-1"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsScrollText(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path strokeLinejoin="round" d="M1.992 7c0 .943 0 1.414.293 1.707S3.05 9 3.992 9h2V5a2 2 0 1 0-4 0zm8 12v-1c0-.943 0-1.414.293-1.707S11.05 16 11.992 16h8c.943 0 1.414 0 1.707.293s.293.764.293 1.707v1a2 2 0 0 1-2 2h-12a2 2 0 0 0 2-2" clipRule="evenodd"/><path strokeLinejoin="round" d="M18.992 16V7c0-1.886 0-2.828-.586-3.414C17.821 3 16.878 3 14.992 3h-11m6 5h5m-5 3h3"/><path d="M5.992 9v10a2 2 0 1 0 4 0v-1"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M1.992 7c0 .943 0 1.414.293 1.707S3.05 9 3.992 9h2V5a2 2 0 1 0-4 0zm8 12v-1c0-.943 0-1.414.293-1.707S11.05 16 11.992 16h8c.943 0 1.414 0 1.707.293s.293.764.293 1.707v1a2 2 0 0 1-2 2h-12a2 2 0 0 0 2-2" clip-rule="evenodd"/><path stroke-linejoin="round" d="M18.992 16V7c0-1.886 0-2.828-.586-3.414C17.821 3 16.878 3 14.992 3h-11m6 5h5m-5 3h3"/><path d="M5.992 9v10a2 2 0 1 0 4 0v-1"/></g></svg>
</template>

CSS

.icon-scroll-text {
  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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M1.992%207c0%20.943%200%201.414.293%201.707S3.05%209%203.992%209h2V5a2%202%200%201%200-4%200zm8%2012v-1c0-.943%200-1.414.293-1.707S11.05%2016%2011.992%2016h8c.943%200%201.414%200%201.707.293s.293.764.293%201.707v1a2%202%200%200%201-2%202h-12a2%202%200%200%200%202-2%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M18.992%2016V7c0-1.886%200-2.828-.586-3.414C17.821%203%2016.878%203%2014.992%203h-11m6%205h5m-5%203h3%22%2F%3E%3Cpath%20d%3D%22M5.992%209v10a2%202%200%201%200%204%200v-1%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M1.992%207c0%20.943%200%201.414.293%201.707S3.05%209%203.992%209h2V5a2%202%200%201%200-4%200zm8%2012v-1c0-.943%200-1.414.293-1.707S11.05%2016%2011.992%2016h8c.943%200%201.414%200%201.707.293s.293.764.293%201.707v1a2%202%200%200%201-2%202h-12a2%202%200%200%200%202-2%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M18.992%2016V7c0-1.886%200-2.828-.586-3.414C17.821%203%2016.878%203%2014.992%203h-11m6%205h5m-5%203h3%22%2F%3E%3Cpath%20d%3D%22M5.992%209v10a2%202%200%201%200%204%200v-1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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