textformat abc dottedunderline icon
textformat-abc-dottedunderline from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- textformat-abc-dottedunderline
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the textformat abc dottedunderline icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M20.606 37.8c.854 0 1.477-.587 1.477-1.495v-2.562h.072c1.138 2.509 3.47 4.075 6.423 4.075c4.858 0 8.043-3.862 8.043-9.823s-3.203-9.823-8.007-9.823c-2.9 0-5.25 1.584-6.353 4.058h-.089v-9.094c0-.96-.605-1.583-1.495-1.583s-1.494.622-1.494 1.583v23.17c0 .925.57 1.494 1.423 1.494m26.835.018c3.505 0 6.495-1.922 7.51-4.645c.106-.302.16-.587.16-.836c0-.765-.534-1.299-1.282-1.299c-.676 0-1.032.267-1.423 1.05c-.944 2.029-2.545 3.132-4.947 3.132c-3.47 0-5.748-2.758-5.748-7.207c0-4.413 2.278-7.243 5.748-7.243c2.295 0 3.95 1.086 4.91 3.168c.375.747.73 1.014 1.389 1.014c.765 0 1.299-.498 1.299-1.281c0-.214-.053-.48-.124-.712c-.89-2.722-3.933-4.787-7.546-4.787c-5.302 0-8.755 3.897-8.755 9.859c0 5.997 3.488 9.787 8.809 9.787M6.353 37.8c2.704 0 5.267-1.477 6.335-3.755h.053v2.314c.036.871.623 1.459 1.46 1.459c.853 0 1.44-.587 1.44-1.53v-11.78c0-3.844-2.811-6.318-7.295-6.318c-3.328 0-6.086 1.46-7.118 3.72c-.196.444-.32.871-.32 1.245c0 .783.569 1.281 1.352 1.281c.552 0 .96-.196 1.246-.694c.96-2.046 2.473-2.99 4.769-2.99c2.74 0 4.36 1.53 4.36 4.004v1.495l-5.677.32C2.49 26.875 0 28.886 0 32.16c0 3.398 2.598 5.64 6.353 5.64m21.55-2.58c-3.346 0-5.73-2.865-5.73-7.207c0-4.36 2.384-7.225 5.73-7.225c3.451 0 5.622 2.794 5.622 7.207c0 4.449-2.17 7.225-5.623 7.225m-20.838.107c-2.385 0-3.987-1.3-3.987-3.221c0-1.869 1.495-3.097 4.253-3.292l5.303-.338v1.85c0 2.812-2.473 5-5.57 5m38.33 13.666a2.14 2.14 0 0 0 2.135-2.136a2.14 2.14 0 0 0-2.136-2.135a2.14 2.14 0 0 0-2.135 2.136c0 1.174.96 2.135 2.136 2.135m8.47 0A2.14 2.14 0 0 0 56 46.857c0-1.174-.96-2.135-2.135-2.135s-2.136.961-2.136 2.136c0 1.174.961 2.135 2.136 2.135m-16.94 0a2.13 2.13 0 0 0 2.135-2.136a2.13 2.13 0 0 0-2.136-2.135a2.14 2.14 0 0 0-2.135 2.136c0 1.174.96 2.135 2.135 2.135m-8.471 0a2.13 2.13 0 0 0 2.135-2.136a2.13 2.13 0 0 0-2.135-2.135a2.14 2.14 0 0 0-2.136 2.136c0 1.174.961 2.135 2.136 2.135m-8.47 0a2.13 2.13 0 0 0 2.135-2.136a2.13 2.13 0 0 0-2.136-2.135a2.14 2.14 0 0 0-2.135 2.136c0 1.174.961 2.135 2.136 2.135m-8.47 0a2.146 2.146 0 0 0 2.152-2.136a2.145 2.145 0 0 0-4.288 0c0 1.175.96 2.136 2.135 2.136m-8.489 0a2.13 2.13 0 0 0 2.136-2.136a2.13 2.13 0 0 0-2.136-2.135a2.14 2.14 0 0 0-2.135 2.136c0 1.174.96 2.135 2.135 2.135"/></svg>
React
import type { SVGProps } from "react";
export function F7TextformatAbcDottedunderline(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="M20.606 37.8c.854 0 1.477-.587 1.477-1.495v-2.562h.072c1.138 2.509 3.47 4.075 6.423 4.075c4.858 0 8.043-3.862 8.043-9.823s-3.203-9.823-8.007-9.823c-2.9 0-5.25 1.584-6.353 4.058h-.089v-9.094c0-.96-.605-1.583-1.495-1.583s-1.494.622-1.494 1.583v23.17c0 .925.57 1.494 1.423 1.494m26.835.018c3.505 0 6.495-1.922 7.51-4.645c.106-.302.16-.587.16-.836c0-.765-.534-1.299-1.282-1.299c-.676 0-1.032.267-1.423 1.05c-.944 2.029-2.545 3.132-4.947 3.132c-3.47 0-5.748-2.758-5.748-7.207c0-4.413 2.278-7.243 5.748-7.243c2.295 0 3.95 1.086 4.91 3.168c.375.747.73 1.014 1.389 1.014c.765 0 1.299-.498 1.299-1.281c0-.214-.053-.48-.124-.712c-.89-2.722-3.933-4.787-7.546-4.787c-5.302 0-8.755 3.897-8.755 9.859c0 5.997 3.488 9.787 8.809 9.787M6.353 37.8c2.704 0 5.267-1.477 6.335-3.755h.053v2.314c.036.871.623 1.459 1.46 1.459c.853 0 1.44-.587 1.44-1.53v-11.78c0-3.844-2.811-6.318-7.295-6.318c-3.328 0-6.086 1.46-7.118 3.72c-.196.444-.32.871-.32 1.245c0 .783.569 1.281 1.352 1.281c.552 0 .96-.196 1.246-.694c.96-2.046 2.473-2.99 4.769-2.99c2.74 0 4.36 1.53 4.36 4.004v1.495l-5.677.32C2.49 26.875 0 28.886 0 32.16c0 3.398 2.598 5.64 6.353 5.64m21.55-2.58c-3.346 0-5.73-2.865-5.73-7.207c0-4.36 2.384-7.225 5.73-7.225c3.451 0 5.622 2.794 5.622 7.207c0 4.449-2.17 7.225-5.623 7.225m-20.838.107c-2.385 0-3.987-1.3-3.987-3.221c0-1.869 1.495-3.097 4.253-3.292l5.303-.338v1.85c0 2.812-2.473 5-5.57 5m38.33 13.666a2.14 2.14 0 0 0 2.135-2.136a2.14 2.14 0 0 0-2.136-2.135a2.14 2.14 0 0 0-2.135 2.136c0 1.174.96 2.135 2.136 2.135m8.47 0A2.14 2.14 0 0 0 56 46.857c0-1.174-.96-2.135-2.135-2.135s-2.136.961-2.136 2.136c0 1.174.961 2.135 2.136 2.135m-16.94 0a2.13 2.13 0 0 0 2.135-2.136a2.13 2.13 0 0 0-2.136-2.135a2.14 2.14 0 0 0-2.135 2.136c0 1.174.96 2.135 2.135 2.135m-8.471 0a2.13 2.13 0 0 0 2.135-2.136a2.13 2.13 0 0 0-2.135-2.135a2.14 2.14 0 0 0-2.136 2.136c0 1.174.961 2.135 2.136 2.135m-8.47 0a2.13 2.13 0 0 0 2.135-2.136a2.13 2.13 0 0 0-2.136-2.135a2.14 2.14 0 0 0-2.135 2.136c0 1.174.961 2.135 2.136 2.135m-8.47 0a2.146 2.146 0 0 0 2.152-2.136a2.145 2.145 0 0 0-4.288 0c0 1.175.96 2.136 2.135 2.136m-8.489 0a2.13 2.13 0 0 0 2.136-2.136a2.13 2.13 0 0 0-2.136-2.135a2.14 2.14 0 0 0-2.135 2.136c0 1.174.96 2.135 2.135 2.135"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M20.606 37.8c.854 0 1.477-.587 1.477-1.495v-2.562h.072c1.138 2.509 3.47 4.075 6.423 4.075c4.858 0 8.043-3.862 8.043-9.823s-3.203-9.823-8.007-9.823c-2.9 0-5.25 1.584-6.353 4.058h-.089v-9.094c0-.96-.605-1.583-1.495-1.583s-1.494.622-1.494 1.583v23.17c0 .925.57 1.494 1.423 1.494m26.835.018c3.505 0 6.495-1.922 7.51-4.645c.106-.302.16-.587.16-.836c0-.765-.534-1.299-1.282-1.299c-.676 0-1.032.267-1.423 1.05c-.944 2.029-2.545 3.132-4.947 3.132c-3.47 0-5.748-2.758-5.748-7.207c0-4.413 2.278-7.243 5.748-7.243c2.295 0 3.95 1.086 4.91 3.168c.375.747.73 1.014 1.389 1.014c.765 0 1.299-.498 1.299-1.281c0-.214-.053-.48-.124-.712c-.89-2.722-3.933-4.787-7.546-4.787c-5.302 0-8.755 3.897-8.755 9.859c0 5.997 3.488 9.787 8.809 9.787M6.353 37.8c2.704 0 5.267-1.477 6.335-3.755h.053v2.314c.036.871.623 1.459 1.46 1.459c.853 0 1.44-.587 1.44-1.53v-11.78c0-3.844-2.811-6.318-7.295-6.318c-3.328 0-6.086 1.46-7.118 3.72c-.196.444-.32.871-.32 1.245c0 .783.569 1.281 1.352 1.281c.552 0 .96-.196 1.246-.694c.96-2.046 2.473-2.99 4.769-2.99c2.74 0 4.36 1.53 4.36 4.004v1.495l-5.677.32C2.49 26.875 0 28.886 0 32.16c0 3.398 2.598 5.64 6.353 5.64m21.55-2.58c-3.346 0-5.73-2.865-5.73-7.207c0-4.36 2.384-7.225 5.73-7.225c3.451 0 5.622 2.794 5.622 7.207c0 4.449-2.17 7.225-5.623 7.225m-20.838.107c-2.385 0-3.987-1.3-3.987-3.221c0-1.869 1.495-3.097 4.253-3.292l5.303-.338v1.85c0 2.812-2.473 5-5.57 5m38.33 13.666a2.14 2.14 0 0 0 2.135-2.136a2.14 2.14 0 0 0-2.136-2.135a2.14 2.14 0 0 0-2.135 2.136c0 1.174.96 2.135 2.136 2.135m8.47 0A2.14 2.14 0 0 0 56 46.857c0-1.174-.96-2.135-2.135-2.135s-2.136.961-2.136 2.136c0 1.174.961 2.135 2.136 2.135m-16.94 0a2.13 2.13 0 0 0 2.135-2.136a2.13 2.13 0 0 0-2.136-2.135a2.14 2.14 0 0 0-2.135 2.136c0 1.174.96 2.135 2.135 2.135m-8.471 0a2.13 2.13 0 0 0 2.135-2.136a2.13 2.13 0 0 0-2.135-2.135a2.14 2.14 0 0 0-2.136 2.136c0 1.174.961 2.135 2.136 2.135m-8.47 0a2.13 2.13 0 0 0 2.135-2.136a2.13 2.13 0 0 0-2.136-2.135a2.14 2.14 0 0 0-2.135 2.136c0 1.174.961 2.135 2.136 2.135m-8.47 0a2.146 2.146 0 0 0 2.152-2.136a2.145 2.145 0 0 0-4.288 0c0 1.175.96 2.136 2.135 2.136m-8.489 0a2.13 2.13 0 0 0 2.136-2.136a2.13 2.13 0 0 0-2.136-2.135a2.14 2.14 0 0 0-2.135 2.136c0 1.174.96 2.135 2.135 2.135"/></svg> </template>
CSS
.icon-textformat-abc-dottedunderline {
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%22M20.606%2037.8c.854%200%201.477-.587%201.477-1.495v-2.562h.072c1.138%202.509%203.47%204.075%206.423%204.075c4.858%200%208.043-3.862%208.043-9.823s-3.203-9.823-8.007-9.823c-2.9%200-5.25%201.584-6.353%204.058h-.089v-9.094c0-.96-.605-1.583-1.495-1.583s-1.494.622-1.494%201.583v23.17c0%20.925.57%201.494%201.423%201.494m26.835.018c3.505%200%206.495-1.922%207.51-4.645c.106-.302.16-.587.16-.836c0-.765-.534-1.299-1.282-1.299c-.676%200-1.032.267-1.423%201.05c-.944%202.029-2.545%203.132-4.947%203.132c-3.47%200-5.748-2.758-5.748-7.207c0-4.413%202.278-7.243%205.748-7.243c2.295%200%203.95%201.086%204.91%203.168c.375.747.73%201.014%201.389%201.014c.765%200%201.299-.498%201.299-1.281c0-.214-.053-.48-.124-.712c-.89-2.722-3.933-4.787-7.546-4.787c-5.302%200-8.755%203.897-8.755%209.859c0%205.997%203.488%209.787%208.809%209.787M6.353%2037.8c2.704%200%205.267-1.477%206.335-3.755h.053v2.314c.036.871.623%201.459%201.46%201.459c.853%200%201.44-.587%201.44-1.53v-11.78c0-3.844-2.811-6.318-7.295-6.318c-3.328%200-6.086%201.46-7.118%203.72c-.196.444-.32.871-.32%201.245c0%20.783.569%201.281%201.352%201.281c.552%200%20.96-.196%201.246-.694c.96-2.046%202.473-2.99%204.769-2.99c2.74%200%204.36%201.53%204.36%204.004v1.495l-5.677.32C2.49%2026.875%200%2028.886%200%2032.16c0%203.398%202.598%205.64%206.353%205.64m21.55-2.58c-3.346%200-5.73-2.865-5.73-7.207c0-4.36%202.384-7.225%205.73-7.225c3.451%200%205.622%202.794%205.622%207.207c0%204.449-2.17%207.225-5.623%207.225m-20.838.107c-2.385%200-3.987-1.3-3.987-3.221c0-1.869%201.495-3.097%204.253-3.292l5.303-.338v1.85c0%202.812-2.473%205-5.57%205m38.33%2013.666a2.14%202.14%200%200%200%202.135-2.136a2.14%202.14%200%200%200-2.136-2.135a2.14%202.14%200%200%200-2.135%202.136c0%201.174.96%202.135%202.136%202.135m8.47%200A2.14%202.14%200%200%200%2056%2046.857c0-1.174-.96-2.135-2.135-2.135s-2.136.961-2.136%202.136c0%201.174.961%202.135%202.136%202.135m-16.94%200a2.13%202.13%200%200%200%202.135-2.136a2.13%202.13%200%200%200-2.136-2.135a2.14%202.14%200%200%200-2.135%202.136c0%201.174.96%202.135%202.135%202.135m-8.471%200a2.13%202.13%200%200%200%202.135-2.136a2.13%202.13%200%200%200-2.135-2.135a2.14%202.14%200%200%200-2.136%202.136c0%201.174.961%202.135%202.136%202.135m-8.47%200a2.13%202.13%200%200%200%202.135-2.136a2.13%202.13%200%200%200-2.136-2.135a2.14%202.14%200%200%200-2.135%202.136c0%201.174.961%202.135%202.136%202.135m-8.47%200a2.146%202.146%200%200%200%202.152-2.136a2.145%202.145%200%200%200-4.288%200c0%201.175.96%202.136%202.135%202.136m-8.489%200a2.13%202.13%200%200%200%202.136-2.136a2.13%202.13%200%200%200-2.136-2.135a2.14%202.14%200%200%200-2.135%202.136c0%201.174.96%202.135%202.135%202.135%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%22M20.606%2037.8c.854%200%201.477-.587%201.477-1.495v-2.562h.072c1.138%202.509%203.47%204.075%206.423%204.075c4.858%200%208.043-3.862%208.043-9.823s-3.203-9.823-8.007-9.823c-2.9%200-5.25%201.584-6.353%204.058h-.089v-9.094c0-.96-.605-1.583-1.495-1.583s-1.494.622-1.494%201.583v23.17c0%20.925.57%201.494%201.423%201.494m26.835.018c3.505%200%206.495-1.922%207.51-4.645c.106-.302.16-.587.16-.836c0-.765-.534-1.299-1.282-1.299c-.676%200-1.032.267-1.423%201.05c-.944%202.029-2.545%203.132-4.947%203.132c-3.47%200-5.748-2.758-5.748-7.207c0-4.413%202.278-7.243%205.748-7.243c2.295%200%203.95%201.086%204.91%203.168c.375.747.73%201.014%201.389%201.014c.765%200%201.299-.498%201.299-1.281c0-.214-.053-.48-.124-.712c-.89-2.722-3.933-4.787-7.546-4.787c-5.302%200-8.755%203.897-8.755%209.859c0%205.997%203.488%209.787%208.809%209.787M6.353%2037.8c2.704%200%205.267-1.477%206.335-3.755h.053v2.314c.036.871.623%201.459%201.46%201.459c.853%200%201.44-.587%201.44-1.53v-11.78c0-3.844-2.811-6.318-7.295-6.318c-3.328%200-6.086%201.46-7.118%203.72c-.196.444-.32.871-.32%201.245c0%20.783.569%201.281%201.352%201.281c.552%200%20.96-.196%201.246-.694c.96-2.046%202.473-2.99%204.769-2.99c2.74%200%204.36%201.53%204.36%204.004v1.495l-5.677.32C2.49%2026.875%200%2028.886%200%2032.16c0%203.398%202.598%205.64%206.353%205.64m21.55-2.58c-3.346%200-5.73-2.865-5.73-7.207c0-4.36%202.384-7.225%205.73-7.225c3.451%200%205.622%202.794%205.622%207.207c0%204.449-2.17%207.225-5.623%207.225m-20.838.107c-2.385%200-3.987-1.3-3.987-3.221c0-1.869%201.495-3.097%204.253-3.292l5.303-.338v1.85c0%202.812-2.473%205-5.57%205m38.33%2013.666a2.14%202.14%200%200%200%202.135-2.136a2.14%202.14%200%200%200-2.136-2.135a2.14%202.14%200%200%200-2.135%202.136c0%201.174.96%202.135%202.136%202.135m8.47%200A2.14%202.14%200%200%200%2056%2046.857c0-1.174-.96-2.135-2.135-2.135s-2.136.961-2.136%202.136c0%201.174.961%202.135%202.136%202.135m-16.94%200a2.13%202.13%200%200%200%202.135-2.136a2.13%202.13%200%200%200-2.136-2.135a2.14%202.14%200%200%200-2.135%202.136c0%201.174.96%202.135%202.135%202.135m-8.471%200a2.13%202.13%200%200%200%202.135-2.136a2.13%202.13%200%200%200-2.135-2.135a2.14%202.14%200%200%200-2.136%202.136c0%201.174.961%202.135%202.136%202.135m-8.47%200a2.13%202.13%200%200%200%202.135-2.136a2.13%202.13%200%200%200-2.136-2.135a2.14%202.14%200%200%200-2.135%202.136c0%201.174.961%202.135%202.136%202.135m-8.47%200a2.146%202.146%200%200%200%202.152-2.136a2.145%202.145%200%200%200-4.288%200c0%201.175.96%202.136%202.135%202.136m-8.489%200a2.13%202.13%200%200%200%202.136-2.136a2.13%202.13%200%200%200-2.136-2.135a2.14%202.14%200%200%200-2.135%202.136c0%201.174.96%202.135%202.135%202.135%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/textformat-abc-dottedunderline.svg?color=%231a73e8&size=48
