heading 6 icon

heading-6-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name: heading-6-sharp-fill
Set: Keyline Icons
Style: Sharp Fill
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

heading-6 heading-6-duotone heading-6-fill heading-6-sharp heading-6-sharp-duotone heading-6-sharp-two-tone heading-6-two-tone

The same icon in other sets

heading-6Lucide heading-6Myna UI Icons heading-6Pixelarticons

Related icons in Keyline Icons

heading-1 heading-2 heading-3 heading-4 heading-5

Use the heading 6 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M2 3L2 21M11 3L11 21M2 12L11 12M17 18C17 16.8954 17.8954 16 19 16C20.1046 16 21 16.8954 21 18C21 19.1046 20.1046 20 19 20C17.8954 20 17 19.1046 17 18ZM17 18C17 15.5811 18.7178 13.4633 21 13L21.8011 12.8374"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsHeading6SharpFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M2 3L2 21M11 3L11 21M2 12L11 12M17 18C17 16.8954 17.8954 16 19 16C20.1046 16 21 16.8954 21 18C21 19.1046 20.1046 20 19 20C17.8954 20 17 19.1046 17 18ZM17 18C17 15.5811 18.7178 13.4633 21 13L21.8011 12.8374"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M2 3L2 21M11 3L11 21M2 12L11 12M17 18C17 16.8954 17.8954 16 19 16C20.1046 16 21 16.8954 21 18C21 19.1046 20.1046 20 19 20C17.8954 20 17 19.1046 17 18ZM17 18C17 15.5811 18.7178 13.4633 21 13L21.8011 12.8374"/></svg>
</template>

CSS

.icon-heading-6-sharp-fill {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2%203L2%2021M11%203L11%2021M2%2012L11%2012M17%2018C17%2016.8954%2017.8954%2016%2019%2016C20.1046%2016%2021%2016.8954%2021%2018C21%2019.1046%2020.1046%2020%2019%2020C17.8954%2020%2017%2019.1046%2017%2018ZM17%2018C17%2015.5811%2018.7178%2013.4633%2021%2013L21.8011%2012.8374%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2%203L2%2021M11%203L11%2021M2%2012L11%2012M17%2018C17%2016.8954%2017.8954%2016%2019%2016C20.1046%2016%2021%2016.8954%2021%2018C21%2019.1046%2020.1046%2020%2019%2020C17.8954%2020%2017%2019.1046%2017%2018ZM17%2018C17%2015.5811%2018.7178%2013.4633%2021%2013L21.8011%2012.8374%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/heading-6-sharp-fill.svg?color=%231a73e8&size=48