text italic icon
text-italic-bold-duotone from Solar by 480 Design · Bold Duotone · Text Formatting · CC-BY-4.0 Attribution required.
- Name
- text-italic-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Text Formatting
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More text formatting icons from Solar
backspace-bolderaser-bolderaser-circle-bolderaser-square-boldlink-boldlink-broken-bold-duotonelink-circle-boldlink-minimalistic-2-boldlink-minimalistic-boldlink-round-angle-boldlink-round-boldlink-square-boldparagraph-spacing-boldquote-boldquote-circle-boldquote-square-boldtext-bold-boldtext-bold-circle-boldtext-bold-square-boldtext-circle-boldtext-cross-boldtext-cross-circle-boldtext-cross-square-boldtext-field-bold
Use the text italic icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M9 1.00002H14.9768C14.992 0.999669 15.0072 0.999667 15.0225 1.00002H21C21.5523 1.00002 22 1.44773 22 2.00002C22 2.5523 21.5523 3.00002 21 3.00002H15.744H13.656H9C8.44772 3.00002 8 2.5523 8 2.00002C8 1.44773 8.44772 1.00002 9 1.00002ZM8.25597 21H3C2.44772 21 2 21.4477 2 22C2 22.5523 2.44772 23 3 23H8.97753C8.99281 23.0004 9.00805 23.0004 9.02325 23H15C15.5523 23 16 22.5523 16 22C16 21.4477 15.5523 21 15 21H10.344H8.25597Z" clip-rule="evenodd"/><path d="M13.6559 3L8.25586 21H10.3439L15.7439 3H13.6559Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTextItalicBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M9 1.00002H14.9768C14.992 0.999669 15.0072 0.999667 15.0225 1.00002H21C21.5523 1.00002 22 1.44773 22 2.00002C22 2.5523 21.5523 3.00002 21 3.00002H15.744H13.656H9C8.44772 3.00002 8 2.5523 8 2.00002C8 1.44773 8.44772 1.00002 9 1.00002ZM8.25597 21H3C2.44772 21 2 21.4477 2 22C2 22.5523 2.44772 23 3 23H8.97753C8.99281 23.0004 9.00805 23.0004 9.02325 23H15C15.5523 23 16 22.5523 16 22C16 21.4477 15.5523 21 15 21H10.344H8.25597Z" clipRule="evenodd"/><path d="M13.6559 3L8.25586 21H10.3439L15.7439 3H13.6559Z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M9 1.00002H14.9768C14.992 0.999669 15.0072 0.999667 15.0225 1.00002H21C21.5523 1.00002 22 1.44773 22 2.00002C22 2.5523 21.5523 3.00002 21 3.00002H15.744H13.656H9C8.44772 3.00002 8 2.5523 8 2.00002C8 1.44773 8.44772 1.00002 9 1.00002ZM8.25597 21H3C2.44772 21 2 21.4477 2 22C2 22.5523 2.44772 23 3 23H8.97753C8.99281 23.0004 9.00805 23.0004 9.02325 23H15C15.5523 23 16 22.5523 16 22C16 21.4477 15.5523 21 15 21H10.344H8.25597Z" clip-rule="evenodd"/><path d="M13.6559 3L8.25586 21H10.3439L15.7439 3H13.6559Z" opacity=".5"/></g></svg> </template>
CSS
.icon-text-italic-bold-duotone {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9%201.00002H14.9768C14.992%200.999669%2015.0072%200.999667%2015.0225%201.00002H21C21.5523%201.00002%2022%201.44773%2022%202.00002C22%202.5523%2021.5523%203.00002%2021%203.00002H15.744H13.656H9C8.44772%203.00002%208%202.5523%208%202.00002C8%201.44773%208.44772%201.00002%209%201.00002ZM8.25597%2021H3C2.44772%2021%202%2021.4477%202%2022C2%2022.5523%202.44772%2023%203%2023H8.97753C8.99281%2023.0004%209.00805%2023.0004%209.02325%2023H15C15.5523%2023%2016%2022.5523%2016%2022C16%2021.4477%2015.5523%2021%2015%2021H10.344H8.25597Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M13.6559%203L8.25586%2021H10.3439L15.7439%203H13.6559Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9%201.00002H14.9768C14.992%200.999669%2015.0072%200.999667%2015.0225%201.00002H21C21.5523%201.00002%2022%201.44773%2022%202.00002C22%202.5523%2021.5523%203.00002%2021%203.00002H15.744H13.656H9C8.44772%203.00002%208%202.5523%208%202.00002C8%201.44773%208.44772%201.00002%209%201.00002ZM8.25597%2021H3C2.44772%2021%202%2021.4477%202%2022C2%2022.5523%202.44772%2023%203%2023H8.97753C8.99281%2023.0004%209.00805%2023.0004%209.02325%2023H15C15.5523%2023%2016%2022.5523%2016%2022C16%2021.4477%2015.5523%2021%2015%2021H10.344H8.25597Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M13.6559%203L8.25586%2021H10.3439L15.7439%203H13.6559Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/text-italic-bold-duotone.svg?color=%231a73e8&size=48
