textformat size icon
textformat-size from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- textformat-size
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the textformat size icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.578 45.297c1.172 0 1.781-.469 2.227-1.758l3.023-8.297h13.828l3 8.297c.469 1.29 1.055 1.758 2.227 1.758c1.265 0 2.11-.75 2.11-1.922c0-.398-.094-.75-.259-1.266L42.72 12.86c-.54-1.453-1.5-2.156-2.977-2.156s-2.437.703-2.953 2.133L25.773 42.133c-.187.515-.234.867-.234 1.265c0 1.172.773 1.899 2.04 1.899m6.399-13.64l5.671-15.774h.141l5.695 15.773ZM4.023 45.296c.938 0 1.594-.469 2.016-1.688l1.875-5.414h8.578l1.875 5.414c.422 1.243 1.078 1.688 2.04 1.688c1.171 0 1.991-.75 1.991-1.852c0-.398-.07-.82-.304-1.406l-6.985-18.562c-.492-1.36-1.453-2.227-2.93-2.227c-1.453 0-2.39.867-2.882 2.227L2.289 42.039c-.21.586-.281 1.008-.281 1.406c0 1.102.797 1.852 2.015 1.852m4.946-10.29l3.07-9.14h.305l3.094 9.14Z"/></svg>
React
import type { SVGProps } from "react";
export function F7TextformatSize(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="M27.578 45.297c1.172 0 1.781-.469 2.227-1.758l3.023-8.297h13.828l3 8.297c.469 1.29 1.055 1.758 2.227 1.758c1.265 0 2.11-.75 2.11-1.922c0-.398-.094-.75-.259-1.266L42.72 12.86c-.54-1.453-1.5-2.156-2.977-2.156s-2.437.703-2.953 2.133L25.773 42.133c-.187.515-.234.867-.234 1.265c0 1.172.773 1.899 2.04 1.899m6.399-13.64l5.671-15.774h.141l5.695 15.773ZM4.023 45.296c.938 0 1.594-.469 2.016-1.688l1.875-5.414h8.578l1.875 5.414c.422 1.243 1.078 1.688 2.04 1.688c1.171 0 1.991-.75 1.991-1.852c0-.398-.07-.82-.304-1.406l-6.985-18.562c-.492-1.36-1.453-2.227-2.93-2.227c-1.453 0-2.39.867-2.882 2.227L2.289 42.039c-.21.586-.281 1.008-.281 1.406c0 1.102.797 1.852 2.015 1.852m4.946-10.29l3.07-9.14h.305l3.094 9.14Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.578 45.297c1.172 0 1.781-.469 2.227-1.758l3.023-8.297h13.828l3 8.297c.469 1.29 1.055 1.758 2.227 1.758c1.265 0 2.11-.75 2.11-1.922c0-.398-.094-.75-.259-1.266L42.72 12.86c-.54-1.453-1.5-2.156-2.977-2.156s-2.437.703-2.953 2.133L25.773 42.133c-.187.515-.234.867-.234 1.265c0 1.172.773 1.899 2.04 1.899m6.399-13.64l5.671-15.774h.141l5.695 15.773ZM4.023 45.296c.938 0 1.594-.469 2.016-1.688l1.875-5.414h8.578l1.875 5.414c.422 1.243 1.078 1.688 2.04 1.688c1.171 0 1.991-.75 1.991-1.852c0-.398-.07-.82-.304-1.406l-6.985-18.562c-.492-1.36-1.453-2.227-2.93-2.227c-1.453 0-2.39.867-2.882 2.227L2.289 42.039c-.21.586-.281 1.008-.281 1.406c0 1.102.797 1.852 2.015 1.852m4.946-10.29l3.07-9.14h.305l3.094 9.14Z"/></svg> </template>
CSS
.icon-textformat-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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.578%2045.297c1.172%200%201.781-.469%202.227-1.758l3.023-8.297h13.828l3%208.297c.469%201.29%201.055%201.758%202.227%201.758c1.265%200%202.11-.75%202.11-1.922c0-.398-.094-.75-.259-1.266L42.72%2012.86c-.54-1.453-1.5-2.156-2.977-2.156s-2.437.703-2.953%202.133L25.773%2042.133c-.187.515-.234.867-.234%201.265c0%201.172.773%201.899%202.04%201.899m6.399-13.64l5.671-15.774h.141l5.695%2015.773ZM4.023%2045.296c.938%200%201.594-.469%202.016-1.688l1.875-5.414h8.578l1.875%205.414c.422%201.243%201.078%201.688%202.04%201.688c1.171%200%201.991-.75%201.991-1.852c0-.398-.07-.82-.304-1.406l-6.985-18.562c-.492-1.36-1.453-2.227-2.93-2.227c-1.453%200-2.39.867-2.882%202.227L2.289%2042.039c-.21.586-.281%201.008-.281%201.406c0%201.102.797%201.852%202.015%201.852m4.946-10.29l3.07-9.14h.305l3.094%209.14Z%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%22M27.578%2045.297c1.172%200%201.781-.469%202.227-1.758l3.023-8.297h13.828l3%208.297c.469%201.29%201.055%201.758%202.227%201.758c1.265%200%202.11-.75%202.11-1.922c0-.398-.094-.75-.259-1.266L42.72%2012.86c-.54-1.453-1.5-2.156-2.977-2.156s-2.437.703-2.953%202.133L25.773%2042.133c-.187.515-.234.867-.234%201.265c0%201.172.773%201.899%202.04%201.899m6.399-13.64l5.671-15.774h.141l5.695%2015.773ZM4.023%2045.296c.938%200%201.594-.469%202.016-1.688l1.875-5.414h8.578l1.875%205.414c.422%201.243%201.078%201.688%202.04%201.688c1.171%200%201.991-.75%201.991-1.852c0-.398-.07-.82-.304-1.406l-6.985-18.562c-.492-1.36-1.453-2.227-2.93-2.227c-1.453%200-2.39.867-2.882%202.227L2.289%2042.039c-.21.586-.281%201.008-.281%201.406c0%201.102.797%201.852%202.015%201.852m4.946-10.29l3.07-9.14h.305l3.094%209.14Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/textformat-size.svg?color=%231a73e8&size=48
