textformat 123 icon
textformat-123 from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- textformat-123
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the textformat 123 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M17.719 40.985h15.243c.935 0 1.522-.587 1.522-1.468c0-.88-.587-1.486-1.522-1.486H20.746v-.091l7.172-7.025c4.347-4.238 5.65-6.439 5.65-9.245c0-4.219-3.724-7.429-8.695-7.429c-3.907 0-7.246 2.128-8.365 5.356c-.201.605-.311 1.137-.311 1.596c0 .917.55 1.522 1.449 1.522c.862 0 1.229-.403 1.504-1.32c.147-.569.348-1.1.642-1.56c.972-1.65 2.788-2.678 5.08-2.678c2.972 0 5.338 2.092 5.338 4.696c0 2.11-.862 3.522-4.494 7.117l-8.584 8.585c-.77.752-1.009 1.228-1.009 1.889c0 .954.624 1.54 1.596 1.54m28.633.403c5.613 0 9.648-3.283 9.648-7.759c0-3.632-2.604-6.016-6.787-6.291v-.074c3.485-.587 5.65-2.916 5.65-6.181c0-3.962-3.595-6.842-8.603-6.842c-3.76 0-6.823 1.67-8.125 4.402a4.2 4.2 0 0 0-.496 2.018c0 .862.587 1.449 1.43 1.449c.826 0 1.212-.348 1.487-1.192c.788-2.403 2.806-3.779 5.594-3.779c3.284 0 5.393 1.724 5.393 4.366c0 2.751-2.256 4.567-5.54 4.567h-2.017c-.862 0-1.45.532-1.45 1.376c0 .825.588 1.375 1.45 1.375h2.054c4.072 0 6.493 1.725 6.493 4.788c0 2.825-2.53 4.806-6.163 4.806c-3.155 0-5.429-1.394-6.255-3.816c-.275-.788-.733-1.155-1.504-1.155c-.954 0-1.577.605-1.577 1.559c0 .642.165 1.229.513 1.87c1.523 2.899 4.714 4.513 8.805 4.513m-36.997-.036c1.009 0 1.687-.66 1.687-1.67V16.24c0-1.192-.752-1.852-1.907-1.852c-.826 0-1.303.257-2.073.752L.954 19.102C.238 19.579 0 20 0 20.606c0 .752.55 1.302 1.376 1.302c.477 0 .715-.146 1.064-.367l5.209-3.283h.073v21.424c0 1.01.624 1.67 1.633 1.67"/></svg>
React
import type { SVGProps } from "react";
export function F7Textformat123(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M17.719 40.985h15.243c.935 0 1.522-.587 1.522-1.468c0-.88-.587-1.486-1.522-1.486H20.746v-.091l7.172-7.025c4.347-4.238 5.65-6.439 5.65-9.245c0-4.219-3.724-7.429-8.695-7.429c-3.907 0-7.246 2.128-8.365 5.356c-.201.605-.311 1.137-.311 1.596c0 .917.55 1.522 1.449 1.522c.862 0 1.229-.403 1.504-1.32c.147-.569.348-1.1.642-1.56c.972-1.65 2.788-2.678 5.08-2.678c2.972 0 5.338 2.092 5.338 4.696c0 2.11-.862 3.522-4.494 7.117l-8.584 8.585c-.77.752-1.009 1.228-1.009 1.889c0 .954.624 1.54 1.596 1.54m28.633.403c5.613 0 9.648-3.283 9.648-7.759c0-3.632-2.604-6.016-6.787-6.291v-.074c3.485-.587 5.65-2.916 5.65-6.181c0-3.962-3.595-6.842-8.603-6.842c-3.76 0-6.823 1.67-8.125 4.402a4.2 4.2 0 0 0-.496 2.018c0 .862.587 1.449 1.43 1.449c.826 0 1.212-.348 1.487-1.192c.788-2.403 2.806-3.779 5.594-3.779c3.284 0 5.393 1.724 5.393 4.366c0 2.751-2.256 4.567-5.54 4.567h-2.017c-.862 0-1.45.532-1.45 1.376c0 .825.588 1.375 1.45 1.375h2.054c4.072 0 6.493 1.725 6.493 4.788c0 2.825-2.53 4.806-6.163 4.806c-3.155 0-5.429-1.394-6.255-3.816c-.275-.788-.733-1.155-1.504-1.155c-.954 0-1.577.605-1.577 1.559c0 .642.165 1.229.513 1.87c1.523 2.899 4.714 4.513 8.805 4.513m-36.997-.036c1.009 0 1.687-.66 1.687-1.67V16.24c0-1.192-.752-1.852-1.907-1.852c-.826 0-1.303.257-2.073.752L.954 19.102C.238 19.579 0 20 0 20.606c0 .752.55 1.302 1.376 1.302c.477 0 .715-.146 1.064-.367l5.209-3.283h.073v21.424c0 1.01.624 1.67 1.633 1.67"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M17.719 40.985h15.243c.935 0 1.522-.587 1.522-1.468c0-.88-.587-1.486-1.522-1.486H20.746v-.091l7.172-7.025c4.347-4.238 5.65-6.439 5.65-9.245c0-4.219-3.724-7.429-8.695-7.429c-3.907 0-7.246 2.128-8.365 5.356c-.201.605-.311 1.137-.311 1.596c0 .917.55 1.522 1.449 1.522c.862 0 1.229-.403 1.504-1.32c.147-.569.348-1.1.642-1.56c.972-1.65 2.788-2.678 5.08-2.678c2.972 0 5.338 2.092 5.338 4.696c0 2.11-.862 3.522-4.494 7.117l-8.584 8.585c-.77.752-1.009 1.228-1.009 1.889c0 .954.624 1.54 1.596 1.54m28.633.403c5.613 0 9.648-3.283 9.648-7.759c0-3.632-2.604-6.016-6.787-6.291v-.074c3.485-.587 5.65-2.916 5.65-6.181c0-3.962-3.595-6.842-8.603-6.842c-3.76 0-6.823 1.67-8.125 4.402a4.2 4.2 0 0 0-.496 2.018c0 .862.587 1.449 1.43 1.449c.826 0 1.212-.348 1.487-1.192c.788-2.403 2.806-3.779 5.594-3.779c3.284 0 5.393 1.724 5.393 4.366c0 2.751-2.256 4.567-5.54 4.567h-2.017c-.862 0-1.45.532-1.45 1.376c0 .825.588 1.375 1.45 1.375h2.054c4.072 0 6.493 1.725 6.493 4.788c0 2.825-2.53 4.806-6.163 4.806c-3.155 0-5.429-1.394-6.255-3.816c-.275-.788-.733-1.155-1.504-1.155c-.954 0-1.577.605-1.577 1.559c0 .642.165 1.229.513 1.87c1.523 2.899 4.714 4.513 8.805 4.513m-36.997-.036c1.009 0 1.687-.66 1.687-1.67V16.24c0-1.192-.752-1.852-1.907-1.852c-.826 0-1.303.257-2.073.752L.954 19.102C.238 19.579 0 20 0 20.606c0 .752.55 1.302 1.376 1.302c.477 0 .715-.146 1.064-.367l5.209-3.283h.073v21.424c0 1.01.624 1.67 1.633 1.67"/></svg> </template>
CSS
.icon-textformat-123 {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.719%2040.985h15.243c.935%200%201.522-.587%201.522-1.468c0-.88-.587-1.486-1.522-1.486H20.746v-.091l7.172-7.025c4.347-4.238%205.65-6.439%205.65-9.245c0-4.219-3.724-7.429-8.695-7.429c-3.907%200-7.246%202.128-8.365%205.356c-.201.605-.311%201.137-.311%201.596c0%20.917.55%201.522%201.449%201.522c.862%200%201.229-.403%201.504-1.32c.147-.569.348-1.1.642-1.56c.972-1.65%202.788-2.678%205.08-2.678c2.972%200%205.338%202.092%205.338%204.696c0%202.11-.862%203.522-4.494%207.117l-8.584%208.585c-.77.752-1.009%201.228-1.009%201.889c0%20.954.624%201.54%201.596%201.54m28.633.403c5.613%200%209.648-3.283%209.648-7.759c0-3.632-2.604-6.016-6.787-6.291v-.074c3.485-.587%205.65-2.916%205.65-6.181c0-3.962-3.595-6.842-8.603-6.842c-3.76%200-6.823%201.67-8.125%204.402a4.2%204.2%200%200%200-.496%202.018c0%20.862.587%201.449%201.43%201.449c.826%200%201.212-.348%201.487-1.192c.788-2.403%202.806-3.779%205.594-3.779c3.284%200%205.393%201.724%205.393%204.366c0%202.751-2.256%204.567-5.54%204.567h-2.017c-.862%200-1.45.532-1.45%201.376c0%20.825.588%201.375%201.45%201.375h2.054c4.072%200%206.493%201.725%206.493%204.788c0%202.825-2.53%204.806-6.163%204.806c-3.155%200-5.429-1.394-6.255-3.816c-.275-.788-.733-1.155-1.504-1.155c-.954%200-1.577.605-1.577%201.559c0%20.642.165%201.229.513%201.87c1.523%202.899%204.714%204.513%208.805%204.513m-36.997-.036c1.009%200%201.687-.66%201.687-1.67V16.24c0-1.192-.752-1.852-1.907-1.852c-.826%200-1.303.257-2.073.752L.954%2019.102C.238%2019.579%200%2020%200%2020.606c0%20.752.55%201.302%201.376%201.302c.477%200%20.715-.146%201.064-.367l5.209-3.283h.073v21.424c0%201.01.624%201.67%201.633%201.67%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.719%2040.985h15.243c.935%200%201.522-.587%201.522-1.468c0-.88-.587-1.486-1.522-1.486H20.746v-.091l7.172-7.025c4.347-4.238%205.65-6.439%205.65-9.245c0-4.219-3.724-7.429-8.695-7.429c-3.907%200-7.246%202.128-8.365%205.356c-.201.605-.311%201.137-.311%201.596c0%20.917.55%201.522%201.449%201.522c.862%200%201.229-.403%201.504-1.32c.147-.569.348-1.1.642-1.56c.972-1.65%202.788-2.678%205.08-2.678c2.972%200%205.338%202.092%205.338%204.696c0%202.11-.862%203.522-4.494%207.117l-8.584%208.585c-.77.752-1.009%201.228-1.009%201.889c0%20.954.624%201.54%201.596%201.54m28.633.403c5.613%200%209.648-3.283%209.648-7.759c0-3.632-2.604-6.016-6.787-6.291v-.074c3.485-.587%205.65-2.916%205.65-6.181c0-3.962-3.595-6.842-8.603-6.842c-3.76%200-6.823%201.67-8.125%204.402a4.2%204.2%200%200%200-.496%202.018c0%20.862.587%201.449%201.43%201.449c.826%200%201.212-.348%201.487-1.192c.788-2.403%202.806-3.779%205.594-3.779c3.284%200%205.393%201.724%205.393%204.366c0%202.751-2.256%204.567-5.54%204.567h-2.017c-.862%200-1.45.532-1.45%201.376c0%20.825.588%201.375%201.45%201.375h2.054c4.072%200%206.493%201.725%206.493%204.788c0%202.825-2.53%204.806-6.163%204.806c-3.155%200-5.429-1.394-6.255-3.816c-.275-.788-.733-1.155-1.504-1.155c-.954%200-1.577.605-1.577%201.559c0%20.642.165%201.229.513%201.87c1.523%202.899%204.714%204.513%208.805%204.513m-36.997-.036c1.009%200%201.687-.66%201.687-1.67V16.24c0-1.192-.752-1.852-1.907-1.852c-.826%200-1.303.257-2.073.752L.954%2019.102C.238%2019.579%200%2020%200%2020.606c0%20.752.55%201.302%201.376%201.302c.477%200%20.715-.146%201.064-.367l5.209-3.283h.073v21.424c0%201.01.624%201.67%201.633%201.67%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/textformat-123.svg?color=%231a73e8&size=48
