text italic icon
text-italic-outline from Solar by 480 Design · Outline · Text Formatting · CC-BY-4.0 Attribution required.
- Name
- text-italic-outline
- Set
- Solar
- Style
- Outline
- 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"><path fill="currentColor" fill-rule="evenodd" d="M14.9826 1.24995H9C8.58579 1.24995 8.25 1.58574 8.25 1.99995C8.25 2.41417 8.58579 2.74995 9 2.74995H13.992L8.44198 21.25H3C2.58579 21.25 2.25 21.5857 2.25 22C2.25 22.4142 2.58579 22.75 3 22.75H8.98314C8.9946 22.7502 9.00604 22.7502 9.01744 22.75H15C15.4142 22.75 15.75 22.4142 15.75 22C15.75 21.5857 15.4142 21.25 15 21.25H10.008L15.558 2.74995H21C21.4142 2.74995 21.75 2.41417 21.75 1.99995C21.75 1.58574 21.4142 1.24995 21 1.24995H15.0169C15.0054 1.24969 14.994 1.24969 14.9826 1.24995Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarTextItalicOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M14.9826 1.24995H9C8.58579 1.24995 8.25 1.58574 8.25 1.99995C8.25 2.41417 8.58579 2.74995 9 2.74995H13.992L8.44198 21.25H3C2.58579 21.25 2.25 21.5857 2.25 22C2.25 22.4142 2.58579 22.75 3 22.75H8.98314C8.9946 22.7502 9.00604 22.7502 9.01744 22.75H15C15.4142 22.75 15.75 22.4142 15.75 22C15.75 21.5857 15.4142 21.25 15 21.25H10.008L15.558 2.74995H21C21.4142 2.74995 21.75 2.41417 21.75 1.99995C21.75 1.58574 21.4142 1.24995 21 1.24995H15.0169C15.0054 1.24969 14.994 1.24969 14.9826 1.24995Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.9826 1.24995H9C8.58579 1.24995 8.25 1.58574 8.25 1.99995C8.25 2.41417 8.58579 2.74995 9 2.74995H13.992L8.44198 21.25H3C2.58579 21.25 2.25 21.5857 2.25 22C2.25 22.4142 2.58579 22.75 3 22.75H8.98314C8.9946 22.7502 9.00604 22.7502 9.01744 22.75H15C15.4142 22.75 15.75 22.4142 15.75 22C15.75 21.5857 15.4142 21.25 15 21.25H10.008L15.558 2.74995H21C21.4142 2.74995 21.75 2.41417 21.75 1.99995C21.75 1.58574 21.4142 1.24995 21 1.24995H15.0169C15.0054 1.24969 14.994 1.24969 14.9826 1.24995Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-text-italic-outline {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.9826%201.24995H9C8.58579%201.24995%208.25%201.58574%208.25%201.99995C8.25%202.41417%208.58579%202.74995%209%202.74995H13.992L8.44198%2021.25H3C2.58579%2021.25%202.25%2021.5857%202.25%2022C2.25%2022.4142%202.58579%2022.75%203%2022.75H8.98314C8.9946%2022.7502%209.00604%2022.7502%209.01744%2022.75H15C15.4142%2022.75%2015.75%2022.4142%2015.75%2022C15.75%2021.5857%2015.4142%2021.25%2015%2021.25H10.008L15.558%202.74995H21C21.4142%202.74995%2021.75%202.41417%2021.75%201.99995C21.75%201.58574%2021.4142%201.24995%2021%201.24995H15.0169C15.0054%201.24969%2014.994%201.24969%2014.9826%201.24995Z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.9826%201.24995H9C8.58579%201.24995%208.25%201.58574%208.25%201.99995C8.25%202.41417%208.58579%202.74995%209%202.74995H13.992L8.44198%2021.25H3C2.58579%2021.25%202.25%2021.5857%202.25%2022C2.25%2022.4142%202.58579%2022.75%203%2022.75H8.98314C8.9946%2022.7502%209.00604%2022.7502%209.01744%2022.75H15C15.4142%2022.75%2015.75%2022.4142%2015.75%2022C15.75%2021.5857%2015.4142%2021.25%2015%2021.25H10.008L15.558%202.74995H21C21.4142%202.74995%2021.75%202.41417%2021.75%201.99995C21.75%201.58574%2021.4142%201.24995%2021%201.24995H15.0169C15.0054%201.24969%2014.994%201.24969%2014.9826%201.24995Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/text-italic-outline.svg?color=%231a73e8&size=48
