bold italic underline icon
bold-italic-underline from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- bold-italic-underline
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the bold italic underline icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M47.495 35.848c5.26 0 8.505-3.156 8.505-7.745V15.58c0-.818-.54-1.344-1.36-1.344c-.818 0-1.344.526-1.344 1.344v12.305c0 3.259-2.133 5.465-5.801 5.465c-3.654 0-5.802-2.206-5.802-5.465V15.579c0-.818-.555-1.344-1.374-1.344c-.818 0-1.33.526-1.33 1.344v12.524c0 4.589 3.245 7.745 8.506 7.745m-26.787-.38h9.236c.686 0 1.169-.423 1.169-1.11c0-.658-.468-1.082-1.155-1.082H26.67l3.566-16.513h3.259c.687 0 1.169-.424 1.169-1.11c0-.658-.468-1.082-1.155-1.082h-9.265c-.687 0-1.154.424-1.154 1.081c0 .687.482 1.11 1.169 1.11h3.273l-3.565 16.514h-3.274c-.687 0-1.154.424-1.154 1.082c0 .687.482 1.11 1.169 1.11m-18.238 0h7.628c4.457 0 7.278-2.352 7.278-5.962c0-2.85-2.046-4.91-5.027-5.07v-.118c2.425-.336 4.077-2.163 4.077-4.486c0-3.26-2.484-5.261-6.547-5.261h-7.41C.907 14.57 0 15.49 0 17.099v15.856c0 1.593.906 2.514 2.47 2.514m2.352-12.217v-5.246h3.596c2.045 0 3.258.935 3.258 2.543c0 1.695-1.344 2.703-3.624 2.703Zm0 8.842V26.29h3.669c2.572 0 3.99.994 3.99 2.864c0 1.915-1.375 2.938-3.888 2.938Zm35.03 8.242h15.286a.846.846 0 0 0 .862-.862a.86.86 0 0 0-.862-.877H39.852a.867.867 0 0 0-.862.877c0 .496.394.862.861.862"/></svg>
React
import type { SVGProps } from "react";
export function F7BoldItalicUnderline(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="M47.495 35.848c5.26 0 8.505-3.156 8.505-7.745V15.58c0-.818-.54-1.344-1.36-1.344c-.818 0-1.344.526-1.344 1.344v12.305c0 3.259-2.133 5.465-5.801 5.465c-3.654 0-5.802-2.206-5.802-5.465V15.579c0-.818-.555-1.344-1.374-1.344c-.818 0-1.33.526-1.33 1.344v12.524c0 4.589 3.245 7.745 8.506 7.745m-26.787-.38h9.236c.686 0 1.169-.423 1.169-1.11c0-.658-.468-1.082-1.155-1.082H26.67l3.566-16.513h3.259c.687 0 1.169-.424 1.169-1.11c0-.658-.468-1.082-1.155-1.082h-9.265c-.687 0-1.154.424-1.154 1.081c0 .687.482 1.11 1.169 1.11h3.273l-3.565 16.514h-3.274c-.687 0-1.154.424-1.154 1.082c0 .687.482 1.11 1.169 1.11m-18.238 0h7.628c4.457 0 7.278-2.352 7.278-5.962c0-2.85-2.046-4.91-5.027-5.07v-.118c2.425-.336 4.077-2.163 4.077-4.486c0-3.26-2.484-5.261-6.547-5.261h-7.41C.907 14.57 0 15.49 0 17.099v15.856c0 1.593.906 2.514 2.47 2.514m2.352-12.217v-5.246h3.596c2.045 0 3.258.935 3.258 2.543c0 1.695-1.344 2.703-3.624 2.703Zm0 8.842V26.29h3.669c2.572 0 3.99.994 3.99 2.864c0 1.915-1.375 2.938-3.888 2.938Zm35.03 8.242h15.286a.846.846 0 0 0 .862-.862a.86.86 0 0 0-.862-.877H39.852a.867.867 0 0 0-.862.877c0 .496.394.862.861.862"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M47.495 35.848c5.26 0 8.505-3.156 8.505-7.745V15.58c0-.818-.54-1.344-1.36-1.344c-.818 0-1.344.526-1.344 1.344v12.305c0 3.259-2.133 5.465-5.801 5.465c-3.654 0-5.802-2.206-5.802-5.465V15.579c0-.818-.555-1.344-1.374-1.344c-.818 0-1.33.526-1.33 1.344v12.524c0 4.589 3.245 7.745 8.506 7.745m-26.787-.38h9.236c.686 0 1.169-.423 1.169-1.11c0-.658-.468-1.082-1.155-1.082H26.67l3.566-16.513h3.259c.687 0 1.169-.424 1.169-1.11c0-.658-.468-1.082-1.155-1.082h-9.265c-.687 0-1.154.424-1.154 1.081c0 .687.482 1.11 1.169 1.11h3.273l-3.565 16.514h-3.274c-.687 0-1.154.424-1.154 1.082c0 .687.482 1.11 1.169 1.11m-18.238 0h7.628c4.457 0 7.278-2.352 7.278-5.962c0-2.85-2.046-4.91-5.027-5.07v-.118c2.425-.336 4.077-2.163 4.077-4.486c0-3.26-2.484-5.261-6.547-5.261h-7.41C.907 14.57 0 15.49 0 17.099v15.856c0 1.593.906 2.514 2.47 2.514m2.352-12.217v-5.246h3.596c2.045 0 3.258.935 3.258 2.543c0 1.695-1.344 2.703-3.624 2.703Zm0 8.842V26.29h3.669c2.572 0 3.99.994 3.99 2.864c0 1.915-1.375 2.938-3.888 2.938Zm35.03 8.242h15.286a.846.846 0 0 0 .862-.862a.86.86 0 0 0-.862-.877H39.852a.867.867 0 0 0-.862.877c0 .496.394.862.861.862"/></svg> </template>
CSS
.icon-bold-italic-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%22M47.495%2035.848c5.26%200%208.505-3.156%208.505-7.745V15.58c0-.818-.54-1.344-1.36-1.344c-.818%200-1.344.526-1.344%201.344v12.305c0%203.259-2.133%205.465-5.801%205.465c-3.654%200-5.802-2.206-5.802-5.465V15.579c0-.818-.555-1.344-1.374-1.344c-.818%200-1.33.526-1.33%201.344v12.524c0%204.589%203.245%207.745%208.506%207.745m-26.787-.38h9.236c.686%200%201.169-.423%201.169-1.11c0-.658-.468-1.082-1.155-1.082H26.67l3.566-16.513h3.259c.687%200%201.169-.424%201.169-1.11c0-.658-.468-1.082-1.155-1.082h-9.265c-.687%200-1.154.424-1.154%201.081c0%20.687.482%201.11%201.169%201.11h3.273l-3.565%2016.514h-3.274c-.687%200-1.154.424-1.154%201.082c0%20.687.482%201.11%201.169%201.11m-18.238%200h7.628c4.457%200%207.278-2.352%207.278-5.962c0-2.85-2.046-4.91-5.027-5.07v-.118c2.425-.336%204.077-2.163%204.077-4.486c0-3.26-2.484-5.261-6.547-5.261h-7.41C.907%2014.57%200%2015.49%200%2017.099v15.856c0%201.593.906%202.514%202.47%202.514m2.352-12.217v-5.246h3.596c2.045%200%203.258.935%203.258%202.543c0%201.695-1.344%202.703-3.624%202.703Zm0%208.842V26.29h3.669c2.572%200%203.99.994%203.99%202.864c0%201.915-1.375%202.938-3.888%202.938Zm35.03%208.242h15.286a.846.846%200%200%200%20.862-.862a.86.86%200%200%200-.862-.877H39.852a.867.867%200%200%200-.862.877c0%20.496.394.862.861.862%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%22M47.495%2035.848c5.26%200%208.505-3.156%208.505-7.745V15.58c0-.818-.54-1.344-1.36-1.344c-.818%200-1.344.526-1.344%201.344v12.305c0%203.259-2.133%205.465-5.801%205.465c-3.654%200-5.802-2.206-5.802-5.465V15.579c0-.818-.555-1.344-1.374-1.344c-.818%200-1.33.526-1.33%201.344v12.524c0%204.589%203.245%207.745%208.506%207.745m-26.787-.38h9.236c.686%200%201.169-.423%201.169-1.11c0-.658-.468-1.082-1.155-1.082H26.67l3.566-16.513h3.259c.687%200%201.169-.424%201.169-1.11c0-.658-.468-1.082-1.155-1.082h-9.265c-.687%200-1.154.424-1.154%201.081c0%20.687.482%201.11%201.169%201.11h3.273l-3.565%2016.514h-3.274c-.687%200-1.154.424-1.154%201.082c0%20.687.482%201.11%201.169%201.11m-18.238%200h7.628c4.457%200%207.278-2.352%207.278-5.962c0-2.85-2.046-4.91-5.027-5.07v-.118c2.425-.336%204.077-2.163%204.077-4.486c0-3.26-2.484-5.261-6.547-5.261h-7.41C.907%2014.57%200%2015.49%200%2017.099v15.856c0%201.593.906%202.514%202.47%202.514m2.352-12.217v-5.246h3.596c2.045%200%203.258.935%203.258%202.543c0%201.695-1.344%202.703-3.624%202.703Zm0%208.842V26.29h3.669c2.572%200%203.99.994%203.99%202.864c0%201.915-1.375%202.938-3.888%202.938Zm35.03%208.242h15.286a.846.846%200%200%200%20.862-.862a.86.86%200%200%200-.862-.877H39.852a.867.867%200%200%200-.862.877c0%20.496.394.862.861.862%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/bold-italic-underline.svg?color=%231a73e8&size=48
