ai book open icon
ai-book-open-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- ai-book-open-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
Related icons in TDesign Icons
Use the ai book open icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 2.5c1.778 0 3.438.359 4.69.984c.469.235.925.535 1.308.897q.192-.181.401-.339l.8-.602l1.201 1.6l-.8.6c-.493.37-.6.68-.6.86v12.65q.153-.087.31-.166C14.563 18.358 16.223 18 18 18c1.065 0 2.085.13 3 .366V9h2v12.307l-1.408-.63C20.68 20.269 19.422 20 18 20c-1.535 0-2.876.314-3.796.773c-.979.49-1.204.981-1.204 1.227h-2c0-.246-.225-.737-1.204-1.227C8.876 20.313 7.536 20 6 20c-1.421 0-2.68.269-3.592.677L1 21.307V3.77c.228-.175.337-.264.441-.336c.062-.043.163-.106.308-.18c.194-.099.468-.216.834-.328C3.315 2.702 4.415 2.5 6 2.5"/><path fill="currentColor" d="M20.532 3.467L23.57 4.75l-3.037 1.282L19.25 9.07l-1.283-3.037L14.93 4.75l3.036-1.283L19.25.43z"/></svg>
React
import type { SVGProps } from "react";
export function TdesignAiBookOpenFilled(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="M6 2.5c1.778 0 3.438.359 4.69.984c.469.235.925.535 1.308.897q.192-.181.401-.339l.8-.602l1.201 1.6l-.8.6c-.493.37-.6.68-.6.86v12.65q.153-.087.31-.166C14.563 18.358 16.223 18 18 18c1.065 0 2.085.13 3 .366V9h2v12.307l-1.408-.63C20.68 20.269 19.422 20 18 20c-1.535 0-2.876.314-3.796.773c-.979.49-1.204.981-1.204 1.227h-2c0-.246-.225-.737-1.204-1.227C8.876 20.313 7.536 20 6 20c-1.421 0-2.68.269-3.592.677L1 21.307V3.77c.228-.175.337-.264.441-.336c.062-.043.163-.106.308-.18c.194-.099.468-.216.834-.328C3.315 2.702 4.415 2.5 6 2.5"/><path fill="currentColor" d="M20.532 3.467L23.57 4.75l-3.037 1.282L19.25 9.07l-1.283-3.037L14.93 4.75l3.036-1.283L19.25.43z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 2.5c1.778 0 3.438.359 4.69.984c.469.235.925.535 1.308.897q.192-.181.401-.339l.8-.602l1.201 1.6l-.8.6c-.493.37-.6.68-.6.86v12.65q.153-.087.31-.166C14.563 18.358 16.223 18 18 18c1.065 0 2.085.13 3 .366V9h2v12.307l-1.408-.63C20.68 20.269 19.422 20 18 20c-1.535 0-2.876.314-3.796.773c-.979.49-1.204.981-1.204 1.227h-2c0-.246-.225-.737-1.204-1.227C8.876 20.313 7.536 20 6 20c-1.421 0-2.68.269-3.592.677L1 21.307V3.77c.228-.175.337-.264.441-.336c.062-.043.163-.106.308-.18c.194-.099.468-.216.834-.328C3.315 2.702 4.415 2.5 6 2.5"/><path fill="currentColor" d="M20.532 3.467L23.57 4.75l-3.037 1.282L19.25 9.07l-1.283-3.037L14.93 4.75l3.036-1.283L19.25.43z"/></svg> </template>
CSS
.icon-ai-book-open-filled {
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%22M6%202.5c1.778%200%203.438.359%204.69.984c.469.235.925.535%201.308.897q.192-.181.401-.339l.8-.602l1.201%201.6l-.8.6c-.493.37-.6.68-.6.86v12.65q.153-.087.31-.166C14.563%2018.358%2016.223%2018%2018%2018c1.065%200%202.085.13%203%20.366V9h2v12.307l-1.408-.63C20.68%2020.269%2019.422%2020%2018%2020c-1.535%200-2.876.314-3.796.773c-.979.49-1.204.981-1.204%201.227h-2c0-.246-.225-.737-1.204-1.227C8.876%2020.313%207.536%2020%206%2020c-1.421%200-2.68.269-3.592.677L1%2021.307V3.77c.228-.175.337-.264.441-.336c.062-.043.163-.106.308-.18c.194-.099.468-.216.834-.328C3.315%202.702%204.415%202.5%206%202.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.532%203.467L23.57%204.75l-3.037%201.282L19.25%209.07l-1.283-3.037L14.93%204.75l3.036-1.283L19.25.43z%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%22M6%202.5c1.778%200%203.438.359%204.69.984c.469.235.925.535%201.308.897q.192-.181.401-.339l.8-.602l1.201%201.6l-.8.6c-.493.37-.6.68-.6.86v12.65q.153-.087.31-.166C14.563%2018.358%2016.223%2018%2018%2018c1.065%200%202.085.13%203%20.366V9h2v12.307l-1.408-.63C20.68%2020.269%2019.422%2020%2018%2020c-1.535%200-2.876.314-3.796.773c-.979.49-1.204.981-1.204%201.227h-2c0-.246-.225-.737-1.204-1.227C8.876%2020.313%207.536%2020%206%2020c-1.421%200-2.68.269-3.592.677L1%2021.307V3.77c.228-.175.337-.264.441-.336c.062-.043.163-.106.308-.18c.194-.099.468-.216.834-.328C3.315%202.702%204.415%202.5%206%202.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.532%203.467L23.57%204.75l-3.037%201.282L19.25%209.07l-1.283-3.037L14.93%204.75l3.036-1.283L19.25.43z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/ai-book-open-filled.svg?color=%231a73e8&size=48
