text size icon

text-size from Octicons by GitHub · Regular · MIT Free for personal and commercial use.

Name: text-size
Set: Octicons
Style: Regular
Viewbox: 18×16
License: MIT

The same icon in other sets

text-sizeCodicons text-size-outlineFlowbite Icons text-sizeIconoir text-sizeTabler Icons text-sizeUnicons

Use the text size icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 18 16"><path fill-rule="evenodd" d="M13.62 9.08L12.1 3.66h-.06l-1.5 5.42h3.08zM5.7 10.13S4.68 6.52 4.53 6.02h-.08l-1.13 4.11H5.7zM17.31 14h-2.25l-.95-3.25h-4.07L9.09 14H6.84l-.69-2.33H2.87L2.17 14H0l3.3-9.59h2.5l2.17 6.34L10.86 2h2.52l3.94 12h-.01z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function OcticonTextSize(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 18 16"><path fillRule="evenodd" d="M13.62 9.08L12.1 3.66h-.06l-1.5 5.42h3.08zM5.7 10.13S4.68 6.52 4.53 6.02h-.08l-1.13 4.11H5.7zM17.31 14h-2.25l-.95-3.25h-4.07L9.09 14H6.84l-.69-2.33H2.87L2.17 14H0l3.3-9.59h2.5l2.17 6.34L10.86 2h2.52l3.94 12h-.01z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 18 16"><path fill-rule="evenodd" d="M13.62 9.08L12.1 3.66h-.06l-1.5 5.42h3.08zM5.7 10.13S4.68 6.52 4.53 6.02h-.08l-1.13 4.11H5.7zM17.31 14h-2.25l-.95-3.25h-4.07L9.09 14H6.84l-.69-2.33H2.87L2.17 14H0l3.3-9.59h2.5l2.17 6.34L10.86 2h2.52l3.94 12h-.01z" fill="currentColor"/></svg>
</template>

CSS

.icon-text-size {
  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%2018%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13.62%209.08L12.1%203.66h-.06l-1.5%205.42h3.08zM5.7%2010.13S4.68%206.52%204.53%206.02h-.08l-1.13%204.11H5.7zM17.31%2014h-2.25l-.95-3.25h-4.07L9.09%2014H6.84l-.69-2.33H2.87L2.17%2014H0l3.3-9.59h2.5l2.17%206.34L10.86%202h2.52l3.94%2012h-.01z%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%2018%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13.62%209.08L12.1%203.66h-.06l-1.5%205.42h3.08zM5.7%2010.13S4.68%206.52%204.53%206.02h-.08l-1.13%204.11H5.7zM17.31%2014h-2.25l-.95-3.25h-4.07L9.09%2014H6.84l-.69-2.33H2.87L2.17%2014H0l3.3-9.59h2.5l2.17%206.34L10.86%202h2.52l3.94%2012h-.01z%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/text-size.svg?color=%231a73e8&size=48