word wrap icon

word-wrap from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.

Name
word-wrap
Set
Codicons
Style
Regular
Viewbox
16×16
License
CC BY 4.0

Use the word wrap icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path fill-rule="evenodd" d="M5 6.5V3.75c0-.985-.879-1.5-1.749-1.5c-.888 0-1.261.303-1.354.396a.515.515 0 0 0-.014.719a.483.483 0 0 0 .693.013c.012-.008.197-.128.674-.128c.03 0 .75.006.75.5v.306A5 5 0 0 0 3.25 4c-1.313 0-2 .754-2 1.5s.687 1.5 2 1.5c.372 0 .661-.063.895-.149A.5.5 0 0 0 5 6.5M3.251 5c.372 0 .606.038.75.074v.737c-.093.074-.303.189-.75.189c-.649 0-1-.258-1-.5s.351-.5 1-.5m4.75 2c1.103 0 2-1.009 2-2.25s-.897-2.25-2-2.25c-.366 0-.705.119-1 .313V1.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 .5.5c.217 0 .397-.14.466-.334c.303.207.654.334 1.034.334m0-3.5c.552 0 1 .561 1 1.25S8.553 6 8.001 6s-1-.561-1-1.25s.448-1.25 1-1.25M4.539 13.653c-.229.204-.84.323-1.209-.139A1.62 1.62 0 0 1 3 12.5c0-.388.118-.748.33-1.014c.371-.464.981-.345 1.21-.139a.5.5 0 1 0 .669-.742c-.787-.71-1.976-.596-2.66.256A2.63 2.63 0 0 0 2 12.5c0 .614.195 1.196.549 1.639c.381.474.896.736 1.451.736a1.8 1.8 0 0 0 1.208-.48a.5.5 0 1 0-.669-.742" clip-rule="evenodd"/><path d="M12.5 4h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 1 .5.5v5.999a.5.5 0 0 1-.5.5H8.707l1.146-1.146a.5.5 0 0 0-.707-.707l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .707-.707l-1.146-1.146H12.5c.827 0 1.5-.673 1.5-1.5V5.5c0-.827-.673-1.5-1.5-1.5"/></g></svg>

React

import type { SVGProps } from "react";

export function CodiconWordWrap(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path fillRule="evenodd" d="M5 6.5V3.75c0-.985-.879-1.5-1.749-1.5c-.888 0-1.261.303-1.354.396a.515.515 0 0 0-.014.719a.483.483 0 0 0 .693.013c.012-.008.197-.128.674-.128c.03 0 .75.006.75.5v.306A5 5 0 0 0 3.25 4c-1.313 0-2 .754-2 1.5s.687 1.5 2 1.5c.372 0 .661-.063.895-.149A.5.5 0 0 0 5 6.5M3.251 5c.372 0 .606.038.75.074v.737c-.093.074-.303.189-.75.189c-.649 0-1-.258-1-.5s.351-.5 1-.5m4.75 2c1.103 0 2-1.009 2-2.25s-.897-2.25-2-2.25c-.366 0-.705.119-1 .313V1.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 .5.5c.217 0 .397-.14.466-.334c.303.207.654.334 1.034.334m0-3.5c.552 0 1 .561 1 1.25S8.553 6 8.001 6s-1-.561-1-1.25s.448-1.25 1-1.25M4.539 13.653c-.229.204-.84.323-1.209-.139A1.62 1.62 0 0 1 3 12.5c0-.388.118-.748.33-1.014c.371-.464.981-.345 1.21-.139a.5.5 0 1 0 .669-.742c-.787-.71-1.976-.596-2.66.256A2.63 2.63 0 0 0 2 12.5c0 .614.195 1.196.549 1.639c.381.474.896.736 1.451.736a1.8 1.8 0 0 0 1.208-.48a.5.5 0 1 0-.669-.742" clipRule="evenodd"/><path d="M12.5 4h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 1 .5.5v5.999a.5.5 0 0 1-.5.5H8.707l1.146-1.146a.5.5 0 0 0-.707-.707l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .707-.707l-1.146-1.146H12.5c.827 0 1.5-.673 1.5-1.5V5.5c0-.827-.673-1.5-1.5-1.5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path fill-rule="evenodd" d="M5 6.5V3.75c0-.985-.879-1.5-1.749-1.5c-.888 0-1.261.303-1.354.396a.515.515 0 0 0-.014.719a.483.483 0 0 0 .693.013c.012-.008.197-.128.674-.128c.03 0 .75.006.75.5v.306A5 5 0 0 0 3.25 4c-1.313 0-2 .754-2 1.5s.687 1.5 2 1.5c.372 0 .661-.063.895-.149A.5.5 0 0 0 5 6.5M3.251 5c.372 0 .606.038.75.074v.737c-.093.074-.303.189-.75.189c-.649 0-1-.258-1-.5s.351-.5 1-.5m4.75 2c1.103 0 2-1.009 2-2.25s-.897-2.25-2-2.25c-.366 0-.705.119-1 .313V1.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 .5.5c.217 0 .397-.14.466-.334c.303.207.654.334 1.034.334m0-3.5c.552 0 1 .561 1 1.25S8.553 6 8.001 6s-1-.561-1-1.25s.448-1.25 1-1.25M4.539 13.653c-.229.204-.84.323-1.209-.139A1.62 1.62 0 0 1 3 12.5c0-.388.118-.748.33-1.014c.371-.464.981-.345 1.21-.139a.5.5 0 1 0 .669-.742c-.787-.71-1.976-.596-2.66.256A2.63 2.63 0 0 0 2 12.5c0 .614.195 1.196.549 1.639c.381.474.896.736 1.451.736a1.8 1.8 0 0 0 1.208-.48a.5.5 0 1 0-.669-.742" clip-rule="evenodd"/><path d="M12.5 4h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 1 .5.5v5.999a.5.5 0 0 1-.5.5H8.707l1.146-1.146a.5.5 0 0 0-.707-.707l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .707-.707l-1.146-1.146H12.5c.827 0 1.5-.673 1.5-1.5V5.5c0-.827-.673-1.5-1.5-1.5"/></g></svg>
</template>

CSS

.icon-word-wrap {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%206.5V3.75c0-.985-.879-1.5-1.749-1.5c-.888%200-1.261.303-1.354.396a.515.515%200%200%200-.014.719a.483.483%200%200%200%20.693.013c.012-.008.197-.128.674-.128c.03%200%20.75.006.75.5v.306A5%205%200%200%200%203.25%204c-1.313%200-2%20.754-2%201.5s.687%201.5%202%201.5c.372%200%20.661-.063.895-.149A.5.5%200%200%200%205%206.5M3.251%205c.372%200%20.606.038.75.074v.737c-.093.074-.303.189-.75.189c-.649%200-1-.258-1-.5s.351-.5%201-.5m4.75%202c1.103%200%202-1.009%202-2.25s-.897-2.25-2-2.25c-.366%200-.705.119-1%20.313V1.5a.5.5%200%200%200-1%200v5a.5.5%200%200%200%20.5.5c.217%200%20.397-.14.466-.334c.303.207.654.334%201.034.334m0-3.5c.552%200%201%20.561%201%201.25S8.553%206%208.001%206s-1-.561-1-1.25s.448-1.25%201-1.25M4.539%2013.653c-.229.204-.84.323-1.209-.139A1.62%201.62%200%200%201%203%2012.5c0-.388.118-.748.33-1.014c.371-.464.981-.345%201.21-.139a.5.5%200%201%200%20.669-.742c-.787-.71-1.976-.596-2.66.256A2.63%202.63%200%200%200%202%2012.5c0%20.614.195%201.196.549%201.639c.381.474.896.736%201.451.736a1.8%201.8%200%200%200%201.208-.48a.5.5%200%201%200-.669-.742%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M12.5%204h-1a.5.5%200%200%200%200%201h1a.5.5%200%200%201%20.5.5v5.999a.5.5%200%200%201-.5.5H8.707l1.146-1.146a.5.5%200%200%200-.707-.707l-2%202a.5.5%200%200%200%200%20.708l2%202a.5.5%200%200%200%20.707-.707l-1.146-1.146H12.5c.827%200%201.5-.673%201.5-1.5V5.5c0-.827-.673-1.5-1.5-1.5%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%206.5V3.75c0-.985-.879-1.5-1.749-1.5c-.888%200-1.261.303-1.354.396a.515.515%200%200%200-.014.719a.483.483%200%200%200%20.693.013c.012-.008.197-.128.674-.128c.03%200%20.75.006.75.5v.306A5%205%200%200%200%203.25%204c-1.313%200-2%20.754-2%201.5s.687%201.5%202%201.5c.372%200%20.661-.063.895-.149A.5.5%200%200%200%205%206.5M3.251%205c.372%200%20.606.038.75.074v.737c-.093.074-.303.189-.75.189c-.649%200-1-.258-1-.5s.351-.5%201-.5m4.75%202c1.103%200%202-1.009%202-2.25s-.897-2.25-2-2.25c-.366%200-.705.119-1%20.313V1.5a.5.5%200%200%200-1%200v5a.5.5%200%200%200%20.5.5c.217%200%20.397-.14.466-.334c.303.207.654.334%201.034.334m0-3.5c.552%200%201%20.561%201%201.25S8.553%206%208.001%206s-1-.561-1-1.25s.448-1.25%201-1.25M4.539%2013.653c-.229.204-.84.323-1.209-.139A1.62%201.62%200%200%201%203%2012.5c0-.388.118-.748.33-1.014c.371-.464.981-.345%201.21-.139a.5.5%200%201%200%20.669-.742c-.787-.71-1.976-.596-2.66.256A2.63%202.63%200%200%200%202%2012.5c0%20.614.195%201.196.549%201.639c.381.474.896.736%201.451.736a1.8%201.8%200%200%200%201.208-.48a.5.5%200%201%200-.669-.742%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M12.5%204h-1a.5.5%200%200%200%200%201h1a.5.5%200%200%201%20.5.5v5.999a.5.5%200%200%201-.5.5H8.707l1.146-1.146a.5.5%200%200%200-.707-.707l-2%202a.5.5%200%200%200%200%20.708l2%202a.5.5%200%200%200%20.707-.707l-1.146-1.146H12.5c.827%200%201.5-.673%201.5-1.5V5.5c0-.827-.673-1.5-1.5-1.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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