heading 5 icon
heading-5-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- heading-5-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
- Aliases
- heading-five-solid
1 other variant in Myna UI Icons
The same icon in other sets
Related icons in Myna UI Icons
Use the heading 5 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.75 3.75a.75.75 0 0 1 .75.75v6.75h8V4.5a.75.75 0 0 1 1.5 0v15a.75.75 0 0 1-1.5 0v-6.75h-8v6.75a.75.75 0 0 1-1.5 0v-15a.75.75 0 0 1 .75-.75m17.466 5.526a.75.75 0 0 1-.492.94c-1.137.355-2.375.347-3.29.265q-.377-.034-.684-.08v1.915h2.028c1.689 0 2.972 1.448 2.972 3.127v1.399c0 1.07-.386 1.936-1.016 2.532a3.26 3.26 0 0 1-2.23.876a3.23 3.23 0 0 1-2.238-.863c-.632-.597-1.016-1.467-1.016-2.545a.75.75 0 0 1 1.5 0c0 .705.241 1.167.546 1.454c.315.297.749.456 1.2.454a1.77 1.77 0 0 0 1.207-.465c.308-.291.547-.752.547-1.443v-1.4c0-.946-.706-1.626-1.472-1.626H16a.75.75 0 0 1-.75-.75V9.5a.75.75 0 0 1 .931-.728m0 0h.003l.016.005l.072.016q.099.023.286.057c.247.046.599.1 1.009.137c.834.075 1.846.067 2.71-.203a.75.75 0 0 1 .939.492"/></svg>
React
import type { SVGProps } from "react";
export function MynauiHeading5Solid(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" d="M3.75 3.75a.75.75 0 0 1 .75.75v6.75h8V4.5a.75.75 0 0 1 1.5 0v15a.75.75 0 0 1-1.5 0v-6.75h-8v6.75a.75.75 0 0 1-1.5 0v-15a.75.75 0 0 1 .75-.75m17.466 5.526a.75.75 0 0 1-.492.94c-1.137.355-2.375.347-3.29.265q-.377-.034-.684-.08v1.915h2.028c1.689 0 2.972 1.448 2.972 3.127v1.399c0 1.07-.386 1.936-1.016 2.532a3.26 3.26 0 0 1-2.23.876a3.23 3.23 0 0 1-2.238-.863c-.632-.597-1.016-1.467-1.016-2.545a.75.75 0 0 1 1.5 0c0 .705.241 1.167.546 1.454c.315.297.749.456 1.2.454a1.77 1.77 0 0 0 1.207-.465c.308-.291.547-.752.547-1.443v-1.4c0-.946-.706-1.626-1.472-1.626H16a.75.75 0 0 1-.75-.75V9.5a.75.75 0 0 1 .931-.728m0 0h.003l.016.005l.072.016q.099.023.286.057c.247.046.599.1 1.009.137c.834.075 1.846.067 2.71-.203a.75.75 0 0 1 .939.492"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.75 3.75a.75.75 0 0 1 .75.75v6.75h8V4.5a.75.75 0 0 1 1.5 0v15a.75.75 0 0 1-1.5 0v-6.75h-8v6.75a.75.75 0 0 1-1.5 0v-15a.75.75 0 0 1 .75-.75m17.466 5.526a.75.75 0 0 1-.492.94c-1.137.355-2.375.347-3.29.265q-.377-.034-.684-.08v1.915h2.028c1.689 0 2.972 1.448 2.972 3.127v1.399c0 1.07-.386 1.936-1.016 2.532a3.26 3.26 0 0 1-2.23.876a3.23 3.23 0 0 1-2.238-.863c-.632-.597-1.016-1.467-1.016-2.545a.75.75 0 0 1 1.5 0c0 .705.241 1.167.546 1.454c.315.297.749.456 1.2.454a1.77 1.77 0 0 0 1.207-.465c.308-.291.547-.752.547-1.443v-1.4c0-.946-.706-1.626-1.472-1.626H16a.75.75 0 0 1-.75-.75V9.5a.75.75 0 0 1 .931-.728m0 0h.003l.016.005l.072.016q.099.023.286.057c.247.046.599.1 1.009.137c.834.075 1.846.067 2.71-.203a.75.75 0 0 1 .939.492"/></svg> </template>
CSS
.icon-heading-5-solid {
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%20d%3D%22M3.75%203.75a.75.75%200%200%201%20.75.75v6.75h8V4.5a.75.75%200%200%201%201.5%200v15a.75.75%200%200%201-1.5%200v-6.75h-8v6.75a.75.75%200%200%201-1.5%200v-15a.75.75%200%200%201%20.75-.75m17.466%205.526a.75.75%200%200%201-.492.94c-1.137.355-2.375.347-3.29.265q-.377-.034-.684-.08v1.915h2.028c1.689%200%202.972%201.448%202.972%203.127v1.399c0%201.07-.386%201.936-1.016%202.532a3.26%203.26%200%200%201-2.23.876a3.23%203.23%200%200%201-2.238-.863c-.632-.597-1.016-1.467-1.016-2.545a.75.75%200%200%201%201.5%200c0%20.705.241%201.167.546%201.454c.315.297.749.456%201.2.454a1.77%201.77%200%200%200%201.207-.465c.308-.291.547-.752.547-1.443v-1.4c0-.946-.706-1.626-1.472-1.626H16a.75.75%200%200%201-.75-.75V9.5a.75.75%200%200%201%20.931-.728m0%200h.003l.016.005l.072.016q.099.023.286.057c.247.046.599.1%201.009.137c.834.075%201.846.067%202.71-.203a.75.75%200%200%201%20.939.492%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%20d%3D%22M3.75%203.75a.75.75%200%200%201%20.75.75v6.75h8V4.5a.75.75%200%200%201%201.5%200v15a.75.75%200%200%201-1.5%200v-6.75h-8v6.75a.75.75%200%200%201-1.5%200v-15a.75.75%200%200%201%20.75-.75m17.466%205.526a.75.75%200%200%201-.492.94c-1.137.355-2.375.347-3.29.265q-.377-.034-.684-.08v1.915h2.028c1.689%200%202.972%201.448%202.972%203.127v1.399c0%201.07-.386%201.936-1.016%202.532a3.26%203.26%200%200%201-2.23.876a3.23%203.23%200%200%201-2.238-.863c-.632-.597-1.016-1.467-1.016-2.545a.75.75%200%200%201%201.5%200c0%20.705.241%201.167.546%201.454c.315.297.749.456%201.2.454a1.77%201.77%200%200%200%201.207-.465c.308-.291.547-.752.547-1.443v-1.4c0-.946-.706-1.626-1.472-1.626H16a.75.75%200%200%201-.75-.75V9.5a.75.75%200%200%201%20.931-.728m0%200h.003l.016.005l.072.016q.099.023.286.057c.247.046.599.1%201.009.137c.834.075%201.846.067%202.71-.203a.75.75%200%200%201%20.939.492%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/heading-5-solid.svg?color=%231a73e8&size=48
