bold underline icon
bold-underline from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- bold-underline
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the bold underline icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M43.8 41.267c7.534 0 12.2-4.52 12.2-11.09V12.241c0-1.172-.795-1.925-1.967-1.925s-1.904.753-1.904 1.925v17.62c0 4.667-3.077 7.827-8.33 7.827c-5.231 0-8.307-3.16-8.307-7.827v-17.62c0-1.172-.774-1.925-1.967-1.925c-1.172 0-1.905.753-1.905 1.925v17.934c0 6.571 4.646 11.091 12.18 11.091m-40.263-.544H14.46c6.383 0 10.422-3.369 10.422-8.538c0-4.08-2.93-7.031-7.199-7.261v-.168c3.474-.481 5.839-3.097 5.839-6.424c0-4.667-3.558-7.534-9.375-7.534H3.537c-2.24 0-3.537 1.318-3.537 3.62v22.706c0 2.28 1.297 3.6 3.537 3.6M6.906 23.23v-7.513h5.148c2.93 0 4.667 1.34 4.667 3.641c0 2.428-1.926 3.872-5.19 3.872Zm0 12.66v-8.308h5.253c3.683 0 5.713 1.423 5.713 4.102c0 2.741-1.968 4.206-5.567 4.206Zm25.949 11.803h21.89c.69 0 1.255-.523 1.255-1.235c0-.711-.565-1.255-1.255-1.255h-21.89c-.67 0-1.235.544-1.235 1.255c0 .712.565 1.235 1.235 1.235"/></svg>
React
import type { SVGProps } from "react";
export function F7BoldUnderline(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="M43.8 41.267c7.534 0 12.2-4.52 12.2-11.09V12.241c0-1.172-.795-1.925-1.967-1.925s-1.904.753-1.904 1.925v17.62c0 4.667-3.077 7.827-8.33 7.827c-5.231 0-8.307-3.16-8.307-7.827v-17.62c0-1.172-.774-1.925-1.967-1.925c-1.172 0-1.905.753-1.905 1.925v17.934c0 6.571 4.646 11.091 12.18 11.091m-40.263-.544H14.46c6.383 0 10.422-3.369 10.422-8.538c0-4.08-2.93-7.031-7.199-7.261v-.168c3.474-.481 5.839-3.097 5.839-6.424c0-4.667-3.558-7.534-9.375-7.534H3.537c-2.24 0-3.537 1.318-3.537 3.62v22.706c0 2.28 1.297 3.6 3.537 3.6M6.906 23.23v-7.513h5.148c2.93 0 4.667 1.34 4.667 3.641c0 2.428-1.926 3.872-5.19 3.872Zm0 12.66v-8.308h5.253c3.683 0 5.713 1.423 5.713 4.102c0 2.741-1.968 4.206-5.567 4.206Zm25.949 11.803h21.89c.69 0 1.255-.523 1.255-1.235c0-.711-.565-1.255-1.255-1.255h-21.89c-.67 0-1.235.544-1.235 1.255c0 .712.565 1.235 1.235 1.235"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M43.8 41.267c7.534 0 12.2-4.52 12.2-11.09V12.241c0-1.172-.795-1.925-1.967-1.925s-1.904.753-1.904 1.925v17.62c0 4.667-3.077 7.827-8.33 7.827c-5.231 0-8.307-3.16-8.307-7.827v-17.62c0-1.172-.774-1.925-1.967-1.925c-1.172 0-1.905.753-1.905 1.925v17.934c0 6.571 4.646 11.091 12.18 11.091m-40.263-.544H14.46c6.383 0 10.422-3.369 10.422-8.538c0-4.08-2.93-7.031-7.199-7.261v-.168c3.474-.481 5.839-3.097 5.839-6.424c0-4.667-3.558-7.534-9.375-7.534H3.537c-2.24 0-3.537 1.318-3.537 3.62v22.706c0 2.28 1.297 3.6 3.537 3.6M6.906 23.23v-7.513h5.148c2.93 0 4.667 1.34 4.667 3.641c0 2.428-1.926 3.872-5.19 3.872Zm0 12.66v-8.308h5.253c3.683 0 5.713 1.423 5.713 4.102c0 2.741-1.968 4.206-5.567 4.206Zm25.949 11.803h21.89c.69 0 1.255-.523 1.255-1.235c0-.711-.565-1.255-1.255-1.255h-21.89c-.67 0-1.235.544-1.235 1.255c0 .712.565 1.235 1.235 1.235"/></svg> </template>
CSS
.icon-bold-underline {
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%22M43.8%2041.267c7.534%200%2012.2-4.52%2012.2-11.09V12.241c0-1.172-.795-1.925-1.967-1.925s-1.904.753-1.904%201.925v17.62c0%204.667-3.077%207.827-8.33%207.827c-5.231%200-8.307-3.16-8.307-7.827v-17.62c0-1.172-.774-1.925-1.967-1.925c-1.172%200-1.905.753-1.905%201.925v17.934c0%206.571%204.646%2011.091%2012.18%2011.091m-40.263-.544H14.46c6.383%200%2010.422-3.369%2010.422-8.538c0-4.08-2.93-7.031-7.199-7.261v-.168c3.474-.481%205.839-3.097%205.839-6.424c0-4.667-3.558-7.534-9.375-7.534H3.537c-2.24%200-3.537%201.318-3.537%203.62v22.706c0%202.28%201.297%203.6%203.537%203.6M6.906%2023.23v-7.513h5.148c2.93%200%204.667%201.34%204.667%203.641c0%202.428-1.926%203.872-5.19%203.872Zm0%2012.66v-8.308h5.253c3.683%200%205.713%201.423%205.713%204.102c0%202.741-1.968%204.206-5.567%204.206Zm25.949%2011.803h21.89c.69%200%201.255-.523%201.255-1.235c0-.711-.565-1.255-1.255-1.255h-21.89c-.67%200-1.235.544-1.235%201.255c0%20.712.565%201.235%201.235%201.235%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%22M43.8%2041.267c7.534%200%2012.2-4.52%2012.2-11.09V12.241c0-1.172-.795-1.925-1.967-1.925s-1.904.753-1.904%201.925v17.62c0%204.667-3.077%207.827-8.33%207.827c-5.231%200-8.307-3.16-8.307-7.827v-17.62c0-1.172-.774-1.925-1.967-1.925c-1.172%200-1.905.753-1.905%201.925v17.934c0%206.571%204.646%2011.091%2012.18%2011.091m-40.263-.544H14.46c6.383%200%2010.422-3.369%2010.422-8.538c0-4.08-2.93-7.031-7.199-7.261v-.168c3.474-.481%205.839-3.097%205.839-6.424c0-4.667-3.558-7.534-9.375-7.534H3.537c-2.24%200-3.537%201.318-3.537%203.62v22.706c0%202.28%201.297%203.6%203.537%203.6M6.906%2023.23v-7.513h5.148c2.93%200%204.667%201.34%204.667%203.641c0%202.428-1.926%203.872-5.19%203.872Zm0%2012.66v-8.308h5.253c3.683%200%205.713%201.423%205.713%204.102c0%202.741-1.968%204.206-5.567%204.206Zm25.949%2011.803h21.89c.69%200%201.255-.523%201.255-1.235c0-.711-.565-1.255-1.255-1.255h-21.89c-.67%200-1.235.544-1.235%201.255c0%20.712.565%201.235%201.235%201.235%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/bold-underline.svg?color=%231a73e8&size=48
