header 3 icon
header-3 from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- header-3
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
Related icons in Jam Icons
Use the header 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4.5 -6.5 24 24"><path fill="currentColor" d="M2 4h4V1a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0V6H2v3a1 1 0 1 1-2 0V1a1 1 0 1 1 2 0zm12.453 2.513l.043.055c.254.334.38.728.38 1.172c0 .637-.239 1.187-.707 1.628c-.466.439-1.06.658-1.763.658c-.671 0-1.235-.209-1.671-.627s-.673-.983-.713-1.676L10 7.353h1.803l.047.295c.038.238.112.397.215.49c.1.091.23.137.402.137a.57.57 0 0 0 .422-.159a.5.5 0 0 0 .158-.38c0-.163-.067-.295-.224-.419c-.17-.134-.438-.21-.815-.215l-.345-.004v-1.17l.345-.004c.377-.004.646-.08.815-.215c.157-.124.224-.255.224-.418a.5.5 0 0 0-.158-.381a.57.57 0 0 0-.422-.159a.57.57 0 0 0-.402.138c-.103.092-.177.251-.215.489l-.047.295H10l.022-.37c.04-.693.277-1.258.713-1.675c.436-.419 1-.628 1.67-.628c.704 0 1.298.22 1.764.658c.468.441.708.991.708 1.629a1.9 1.9 0 0 1-.424 1.226"/></svg>
React
import type { SVGProps } from "react";
export function JamHeader3(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4.5 -6.5 24 24"><path fill="currentColor" d="M2 4h4V1a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0V6H2v3a1 1 0 1 1-2 0V1a1 1 0 1 1 2 0zm12.453 2.513l.043.055c.254.334.38.728.38 1.172c0 .637-.239 1.187-.707 1.628c-.466.439-1.06.658-1.763.658c-.671 0-1.235-.209-1.671-.627s-.673-.983-.713-1.676L10 7.353h1.803l.047.295c.038.238.112.397.215.49c.1.091.23.137.402.137a.57.57 0 0 0 .422-.159a.5.5 0 0 0 .158-.38c0-.163-.067-.295-.224-.419c-.17-.134-.438-.21-.815-.215l-.345-.004v-1.17l.345-.004c.377-.004.646-.08.815-.215c.157-.124.224-.255.224-.418a.5.5 0 0 0-.158-.381a.57.57 0 0 0-.422-.159a.57.57 0 0 0-.402.138c-.103.092-.177.251-.215.489l-.047.295H10l.022-.37c.04-.693.277-1.258.713-1.675c.436-.419 1-.628 1.67-.628c.704 0 1.298.22 1.764.658c.468.441.708.991.708 1.629a1.9 1.9 0 0 1-.424 1.226"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4.5 -6.5 24 24"><path fill="currentColor" d="M2 4h4V1a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0V6H2v3a1 1 0 1 1-2 0V1a1 1 0 1 1 2 0zm12.453 2.513l.043.055c.254.334.38.728.38 1.172c0 .637-.239 1.187-.707 1.628c-.466.439-1.06.658-1.763.658c-.671 0-1.235-.209-1.671-.627s-.673-.983-.713-1.676L10 7.353h1.803l.047.295c.038.238.112.397.215.49c.1.091.23.137.402.137a.57.57 0 0 0 .422-.159a.5.5 0 0 0 .158-.38c0-.163-.067-.295-.224-.419c-.17-.134-.438-.21-.815-.215l-.345-.004v-1.17l.345-.004c.377-.004.646-.08.815-.215c.157-.124.224-.255.224-.418a.5.5 0 0 0-.158-.381a.57.57 0 0 0-.422-.159a.57.57 0 0 0-.402.138c-.103.092-.177.251-.215.489l-.047.295H10l.022-.37c.04-.693.277-1.258.713-1.675c.436-.419 1-.628 1.67-.628c.704 0 1.298.22 1.764.658c.468.441.708.991.708 1.629a1.9 1.9 0 0 1-.424 1.226"/></svg> </template>
CSS
.icon-header-3 {
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%22-4.5%20-6.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%204h4V1a1%201%200%201%201%202%200v8a1%201%200%201%201-2%200V6H2v3a1%201%200%201%201-2%200V1a1%201%200%201%201%202%200zm12.453%202.513l.043.055c.254.334.38.728.38%201.172c0%20.637-.239%201.187-.707%201.628c-.466.439-1.06.658-1.763.658c-.671%200-1.235-.209-1.671-.627s-.673-.983-.713-1.676L10%207.353h1.803l.047.295c.038.238.112.397.215.49c.1.091.23.137.402.137a.57.57%200%200%200%20.422-.159a.5.5%200%200%200%20.158-.38c0-.163-.067-.295-.224-.419c-.17-.134-.438-.21-.815-.215l-.345-.004v-1.17l.345-.004c.377-.004.646-.08.815-.215c.157-.124.224-.255.224-.418a.5.5%200%200%200-.158-.381a.57.57%200%200%200-.422-.159a.57.57%200%200%200-.402.138c-.103.092-.177.251-.215.489l-.047.295H10l.022-.37c.04-.693.277-1.258.713-1.675c.436-.419%201-.628%201.67-.628c.704%200%201.298.22%201.764.658c.468.441.708.991.708%201.629a1.9%201.9%200%200%201-.424%201.226%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%22-4.5%20-6.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%204h4V1a1%201%200%201%201%202%200v8a1%201%200%201%201-2%200V6H2v3a1%201%200%201%201-2%200V1a1%201%200%201%201%202%200zm12.453%202.513l.043.055c.254.334.38.728.38%201.172c0%20.637-.239%201.187-.707%201.628c-.466.439-1.06.658-1.763.658c-.671%200-1.235-.209-1.671-.627s-.673-.983-.713-1.676L10%207.353h1.803l.047.295c.038.238.112.397.215.49c.1.091.23.137.402.137a.57.57%200%200%200%20.422-.159a.5.5%200%200%200%20.158-.38c0-.163-.067-.295-.224-.419c-.17-.134-.438-.21-.815-.215l-.345-.004v-1.17l.345-.004c.377-.004.646-.08.815-.215c.157-.124.224-.255.224-.418a.5.5%200%200%200-.158-.381a.57.57%200%200%200-.422-.159a.57.57%200%200%200-.402.138c-.103.092-.177.251-.215.489l-.047.295H10l.022-.37c.04-.693.277-1.258.713-1.675c.436-.419%201-.628%201.67-.628c.704%200%201.298.22%201.764.658c.468.441.708.991.708%201.629a1.9%201.9%200%200%201-.424%201.226%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/header-3.svg?color=%231a73e8&size=48
