type outline icon

type-outline-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name: type-outline-fill
Set: Keyline Icons
Style: Fill
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

type-outline type-outline-duotone type-outline-sharp type-outline-sharp-duotone type-outline-sharp-fill type-outline-sharp-two-tone type-outline-two-tone

The same icon in other sets

type-outlineHuge Icons type-outlineLucide

Use the type outline 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="M4 2L20 2C21.6569 2 23 3.3431 23 5L23 9C23 10.6569 21.6569 12 20 12C18.3431 12 17 10.6569 17 9C17 8.4477 16.5523 8 16 8C15.4477 8 15 8.4477 15 9L15 15C15 15.5523 15.4477 16 16 16C17.6569 16 19 17.3431 19 19C19 20.6569 17.6569 22 16 22L8 22C6.3431 22 5 20.6569 5 19C5 17.3431 6.3431 16 8 16C8.5523 16 9 15.5523 9 15L9 9C9 8.4477 8.5523 8 8 8C7.4477 8 7 8.4477 7 9C7 10.6569 5.6569 12 4 12C2.3431 12 1 10.6569 1 9L1 5C1 3.3431 2.3431 2 4 2Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsTypeOutlineFill(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="M4 2L20 2C21.6569 2 23 3.3431 23 5L23 9C23 10.6569 21.6569 12 20 12C18.3431 12 17 10.6569 17 9C17 8.4477 16.5523 8 16 8C15.4477 8 15 8.4477 15 9L15 15C15 15.5523 15.4477 16 16 16C17.6569 16 19 17.3431 19 19C19 20.6569 17.6569 22 16 22L8 22C6.3431 22 5 20.6569 5 19C5 17.3431 6.3431 16 8 16C8.5523 16 9 15.5523 9 15L9 9C9 8.4477 8.5523 8 8 8C7.4477 8 7 8.4477 7 9C7 10.6569 5.6569 12 4 12C2.3431 12 1 10.6569 1 9L1 5C1 3.3431 2.3431 2 4 2Z" 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="M4 2L20 2C21.6569 2 23 3.3431 23 5L23 9C23 10.6569 21.6569 12 20 12C18.3431 12 17 10.6569 17 9C17 8.4477 16.5523 8 16 8C15.4477 8 15 8.4477 15 9L15 15C15 15.5523 15.4477 16 16 16C17.6569 16 19 17.3431 19 19C19 20.6569 17.6569 22 16 22L8 22C6.3431 22 5 20.6569 5 19C5 17.3431 6.3431 16 8 16C8.5523 16 9 15.5523 9 15L9 9C9 8.4477 8.5523 8 8 8C7.4477 8 7 8.4477 7 9C7 10.6569 5.6569 12 4 12C2.3431 12 1 10.6569 1 9L1 5C1 3.3431 2.3431 2 4 2Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-type-outline-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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4%202L20%202C21.6569%202%2023%203.3431%2023%205L23%209C23%2010.6569%2021.6569%2012%2020%2012C18.3431%2012%2017%2010.6569%2017%209C17%208.4477%2016.5523%208%2016%208C15.4477%208%2015%208.4477%2015%209L15%2015C15%2015.5523%2015.4477%2016%2016%2016C17.6569%2016%2019%2017.3431%2019%2019C19%2020.6569%2017.6569%2022%2016%2022L8%2022C6.3431%2022%205%2020.6569%205%2019C5%2017.3431%206.3431%2016%208%2016C8.5523%2016%209%2015.5523%209%2015L9%209C9%208.4477%208.5523%208%208%208C7.4477%208%207%208.4477%207%209C7%2010.6569%205.6569%2012%204%2012C2.3431%2012%201%2010.6569%201%209L1%205C1%203.3431%202.3431%202%204%202Z%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%22M4%202L20%202C21.6569%202%2023%203.3431%2023%205L23%209C23%2010.6569%2021.6569%2012%2020%2012C18.3431%2012%2017%2010.6569%2017%209C17%208.4477%2016.5523%208%2016%208C15.4477%208%2015%208.4477%2015%209L15%2015C15%2015.5523%2015.4477%2016%2016%2016C17.6569%2016%2019%2017.3431%2019%2019C19%2020.6569%2017.6569%2022%2016%2022L8%2022C6.3431%2022%205%2020.6569%205%2019C5%2017.3431%206.3431%2016%208%2016C8.5523%2016%209%2015.5523%209%2015L9%209C9%208.4477%208.5523%208%208%208C7.4477%208%207%208.4477%207%209C7%2010.6569%205.6569%2012%204%2012C2.3431%2012%201%2010.6569%201%209L1%205C1%203.3431%202.3431%202%204%202Z%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/keyline-icons/type-outline-fill.svg?color=%231a73e8&size=48