book text icon

book-text-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name: book-text-fill
Set: Mage Icons
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

The same icon in other sets

Use the book text icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 5.797v10.76a1.75 1.75 0 0 1-.12.72a1.86 1.86 0 0 1-1.83 1.19a15.4 15.4 0 0 0-3.35.32a9.7 9.7 0 0 0-3.7 1.29V5.218a10.8 10.8 0 0 1 3.46-1a17 17 0 0 1 3.72-.32a1.6 1.6 0 0 1 .71.15c.23.098.437.24.61.42a2 2 0 0 1 .39.64c.08.221.118.455.11.69M7.6 4.187a17 17 0 0 0-3.76-.33a1.81 1.81 0 0 0-1.83 1.83v10.87a1.79 1.79 0 0 0 .51 1.46a1.82 1.82 0 0 0 1.4.56a15.6 15.6 0 0 1 3.44.34a9.3 9.3 0 0 1 3.64 1.23V5.217a10.4 10.4 0 0 0-3.4-1.03m-2 3.52h1.25a.75.75 0 1 1 0 1.5H5.6a.75.75 0 1 1 0-1.5m1.84 7.51H5.6a.75.75 0 1 1 0-1.5h1.84a.75.75 0 1 1 0 1.5m1.67-3H5.76a.75.75 0 1 1 0-1.5h3.35a.75.75 0 1 1 0 1.5"/></svg>

React

import type { SVGProps } from "react";

export function MageBookTextFill(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="M22 5.797v10.76a1.75 1.75 0 0 1-.12.72a1.86 1.86 0 0 1-1.83 1.19a15.4 15.4 0 0 0-3.35.32a9.7 9.7 0 0 0-3.7 1.29V5.218a10.8 10.8 0 0 1 3.46-1a17 17 0 0 1 3.72-.32a1.6 1.6 0 0 1 .71.15c.23.098.437.24.61.42a2 2 0 0 1 .39.64c.08.221.118.455.11.69M7.6 4.187a17 17 0 0 0-3.76-.33a1.81 1.81 0 0 0-1.83 1.83v10.87a1.79 1.79 0 0 0 .51 1.46a1.82 1.82 0 0 0 1.4.56a15.6 15.6 0 0 1 3.44.34a9.3 9.3 0 0 1 3.64 1.23V5.217a10.4 10.4 0 0 0-3.4-1.03m-2 3.52h1.25a.75.75 0 1 1 0 1.5H5.6a.75.75 0 1 1 0-1.5m1.84 7.51H5.6a.75.75 0 1 1 0-1.5h1.84a.75.75 0 1 1 0 1.5m1.67-3H5.76a.75.75 0 1 1 0-1.5h3.35a.75.75 0 1 1 0 1.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 5.797v10.76a1.75 1.75 0 0 1-.12.72a1.86 1.86 0 0 1-1.83 1.19a15.4 15.4 0 0 0-3.35.32a9.7 9.7 0 0 0-3.7 1.29V5.218a10.8 10.8 0 0 1 3.46-1a17 17 0 0 1 3.72-.32a1.6 1.6 0 0 1 .71.15c.23.098.437.24.61.42a2 2 0 0 1 .39.64c.08.221.118.455.11.69M7.6 4.187a17 17 0 0 0-3.76-.33a1.81 1.81 0 0 0-1.83 1.83v10.87a1.79 1.79 0 0 0 .51 1.46a1.82 1.82 0 0 0 1.4.56a15.6 15.6 0 0 1 3.44.34a9.3 9.3 0 0 1 3.64 1.23V5.217a10.4 10.4 0 0 0-3.4-1.03m-2 3.52h1.25a.75.75 0 1 1 0 1.5H5.6a.75.75 0 1 1 0-1.5m1.84 7.51H5.6a.75.75 0 1 1 0-1.5h1.84a.75.75 0 1 1 0 1.5m1.67-3H5.76a.75.75 0 1 1 0-1.5h3.35a.75.75 0 1 1 0 1.5"/></svg>
</template>

CSS

.icon-book-text-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%20d%3D%22M22%205.797v10.76a1.75%201.75%200%200%201-.12.72a1.86%201.86%200%200%201-1.83%201.19a15.4%2015.4%200%200%200-3.35.32a9.7%209.7%200%200%200-3.7%201.29V5.218a10.8%2010.8%200%200%201%203.46-1a17%2017%200%200%201%203.72-.32a1.6%201.6%200%200%201%20.71.15c.23.098.437.24.61.42a2%202%200%200%201%20.39.64c.08.221.118.455.11.69M7.6%204.187a17%2017%200%200%200-3.76-.33a1.81%201.81%200%200%200-1.83%201.83v10.87a1.79%201.79%200%200%200%20.51%201.46a1.82%201.82%200%200%200%201.4.56a15.6%2015.6%200%200%201%203.44.34a9.3%209.3%200%200%201%203.64%201.23V5.217a10.4%2010.4%200%200%200-3.4-1.03m-2%203.52h1.25a.75.75%200%201%201%200%201.5H5.6a.75.75%200%201%201%200-1.5m1.84%207.51H5.6a.75.75%200%201%201%200-1.5h1.84a.75.75%200%201%201%200%201.5m1.67-3H5.76a.75.75%200%201%201%200-1.5h3.35a.75.75%200%201%201%200%201.5%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%22M22%205.797v10.76a1.75%201.75%200%200%201-.12.72a1.86%201.86%200%200%201-1.83%201.19a15.4%2015.4%200%200%200-3.35.32a9.7%209.7%200%200%200-3.7%201.29V5.218a10.8%2010.8%200%200%201%203.46-1a17%2017%200%200%201%203.72-.32a1.6%201.6%200%200%201%20.71.15c.23.098.437.24.61.42a2%202%200%200%201%20.39.64c.08.221.118.455.11.69M7.6%204.187a17%2017%200%200%200-3.76-.33a1.81%201.81%200%200%200-1.83%201.83v10.87a1.79%201.79%200%200%200%20.51%201.46a1.82%201.82%200%200%200%201.4.56a15.6%2015.6%200%200%201%203.44.34a9.3%209.3%200%200%201%203.64%201.23V5.217a10.4%2010.4%200%200%200-3.4-1.03m-2%203.52h1.25a.75.75%200%201%201%200%201.5H5.6a.75.75%200%201%201%200-1.5m1.84%207.51H5.6a.75.75%200%201%201%200-1.5h1.84a.75.75%200%201%201%200%201.5m1.67-3H5.76a.75.75%200%201%201%200-1.5h3.35a.75.75%200%201%201%200%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/book-text-fill.svg?color=%231a73e8&size=48