open book emoji

open-book from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.

Name
open-book
Set
Fluent Emoji
Style
Default
Viewbox
32×32
License
MIT

The same emoji in other sets

Related icons in Fluent Emoji

Use the open book emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iW4wa2w)"><path fill="#3E6ACA" d="M3.578 11.031c-.69 0-1.25.56-1.25 1.25v16.39c0 .691.56 1.25 1.25 1.25h11.005a1.863 1.863 0 0 0 3.256 0h11.005c.69 0 1.25-.559 1.25-1.25v-16.39c0-.69-.56-1.25-1.25-1.25z"/></g><g filter="url(#iU5bllb)"><path fill="url(#irlxH7k)" d="M3.578 10.063c-.69 0-1.25.56-1.25 1.25v16.39c0 .69.56 1.25 1.25 1.25h11.005a1.863 1.863 0 0 0 3.256 0h11.005c.69 0 1.25-.56 1.25-1.25v-16.39c0-.69-.56-1.25-1.25-1.25z"/></g><g filter="url(#ixEQfTb)"><path fill="#3F9BEA" d="m4.81 9.094l-1.565 1.941a.96.96 0 0 0-.214.602V25.93c0 .672.56 1.217 1.25 1.217H27.72c.69 0 1.25-.545 1.25-1.217V11.637a.96.96 0 0 0-.214-.602L27.19 9.094L25.348 23.74H6.652z"/></g><path fill="url(#iDgSBtb)" d="M14.773 25.703h2.875v1.578a1.438 1.438 0 1 1-2.875 0z"/><path fill="url(#i3Tskbc)" d="M14.773 25.703h2.875v1.578a1.438 1.438 0 1 1-2.875 0z"/><g filter="url(#iaoDsVd)"><path fill="url(#iy0dfHe)" d="M3.424 10.455L4.99 8.46L6.832 23.5h9.348V27H4.46c-.69 0-1.25-.56-1.25-1.25V11.072a1 1 0 0 1 .214-.617"/></g><g filter="url(#iggHM1c)"><path fill="url(#i2ppiTc)" d="M28.935 10.455L27.369 8.46L25.528 23.5H16.18V27h11.718c.69 0 1.25-.56 1.25-1.25V11.072a1 1 0 0 0-.213-.617"/><path fill="url(#iad3Q2d)" d="M28.935 10.455L27.369 8.46L25.528 23.5H16.18V27h11.718c.69 0 1.25-.56 1.25-1.25V11.072a1 1 0 0 0-.213-.617"/></g><path fill="url(#iJAyaip)" d="M28.935 10.455L27.369 8.46L25.528 23.5H16.18V27h11.718c.69 0 1.25-.56 1.25-1.25V11.072a1 1 0 0 0-.213-.617"/><g filter="url(#iAlzg0d)"><path fill="url(#iJpgGhd)" d="M4.805 9.031a1 1 0 0 1 1-1h7.875a2.5 2.5 0 0 1 2.5 2.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69 0-1.25-.56-1.25-1.25z"/><path fill="url(#ieLzLNb)" d="M4.805 9.031a1 1 0 0 1 1-1h7.875a2.5 2.5 0 0 1 2.5 2.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69 0-1.25-.56-1.25-1.25z"/><path fill="url(#iEoXU8c)" d="M4.805 9.031a1 1 0 0 1 1-1h7.875a2.5 2.5 0 0 1 2.5 2.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69 0-1.25-.56-1.25-1.25z"/></g><g filter="url(#iOq1JHe)"><path fill="url(#i7R9JeL)" d="M27.555 9.031a1 1 0 0 0-1-1H18.68a2.5 2.5 0 0 0-2.5 2.5v16.461c0-1.1 1.133-1.992 2.445-1.992h7.68c.69 0 1.25-.56 1.25-1.25z"/><path fill="url(#iT5Qiec)" d="M27.555 9.031a1 1 0 0 0-1-1H18.68a2.5 2.5 0 0 0-2.5 2.5v16.461c0-1.1 1.133-1.992 2.445-1.992h7.68c.69 0 1.25-.56 1.25-1.25z"/><path fill="url(#iunkFrb)" d="M27.555 9.031a1 1 0 0 0-1-1H18.68a2.5 2.5 0 0 0-2.5 2.5v16.461c0-1.1 1.133-1.992 2.445-1.992h7.68c.69 0 1.25-.56 1.25-1.25z"/></g><defs><linearGradient id="irlxH7k" x1="16.211" x2="16.211" y1="14.438" y2="29.91" gradientUnits="userSpaceOnUse"><stop stop-color="#5DD8FB"/><stop offset="1" stop-color="#41AEF2"/></linearGradient><linearGradient id="i3Tskbc" x1="16.211" x2="16.211" y1="26.781" y2="27.531" gradientUnits="userSpaceOnUse"><stop stop-color="#1748A6"/><stop offset="1" stop-color="#1748A6" stop-opacity="0"/></linearGradient><linearGradient id="iy0dfHe" x1="12.516" x2="5.266" y1="28.656" y2="21.938" gradientUnits="userSpaceOnUse"><stop offset=".75" stop-color="#B3A9CF"/><stop offset=".932" stop-color="#B6BAC5"/></linearGradient><linearGradient id="i2ppiTc" x1="19.844" x2="27.094" y1="28.656" y2="21.938" gradientUnits="userSpaceOnUse"><stop offset=".717" stop-color="#BBB3D9"/><stop offset=".913" stop-color="#DCDDE8"/></linearGradient><linearGradient id="iad3Q2d" x1="27.976" x2="27.976" y1="8.886" y2="13.327" gradientUnits="userSpaceOnUse"><stop stop-color="#D8DAE2"/><stop offset="1" stop-color="#D8DAE2" stop-opacity="0"/></linearGradient><linearGradient id="iJAyaip" x1="16.18" x2="17.797" y1="27" y2="25.094" gradientUnits="userSpaceOnUse"><stop stop-color="#A699C9"/><stop offset="1" stop-color="#A699C9" stop-opacity="0"/></linearGradient><linearGradient id="iJpgGhd" x1="4.805" x2="15.328" y1="17.512" y2="17.512" gradientUnits="userSpaceOnUse"><stop stop-color="#F3F1FA"/><stop offset="1" stop-color="#F0EBF9"/></linearGradient><linearGradient id="ieLzLNb" x1="16.18" x2="13.453" y1="25.688" y2="25.688" gradientUnits="userSpaceOnUse"><stop stop-color="#D5CCE8"/><stop offset="1" stop-color="#F2EBFF" stop-opacity="0"/></linearGradient><linearGradient id="iEoXU8c" x1="16.234" x2="16.016" y1="25.906" y2="25.906" gradientUnits="userSpaceOnUse"><stop offset=".179" stop-color="#BFB3D1"/><stop offset="1" stop-color="#BFB3D1" stop-opacity="0"/></linearGradient><linearGradient id="i7R9JeL" x1="16.18" x2="26.703" y1="17.512" y2="17.512" gradientUnits="userSpaceOnUse"><stop stop-color="#F3F1FA"/><stop offset="1" stop-color="#F0EBF9"/></linearGradient><linearGradient id="iT5Qiec" x1="16.18" x2="18.984" y1="25.688" y2="25.688" gradientUnits="userSpaceOnUse"><stop stop-color="#D5CCE8"/><stop offset="1" stop-color="#F2EBFF" stop-opacity="0"/></linearGradient><linearGradient id="iunkFrb" x1="16.152" x2="16.359" y1="25.906" y2="25.906" gradientUnits="userSpaceOnUse"><stop stop-color="#BFB3D1"/><stop offset="1" stop-color="#BFB3D1" stop-opacity="0"/></linearGradient><filter id="iW4wa2w" width="27.916" height="19.998" x="2.328" y="10.881" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.15"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.305882 0 0 0 0 0.541176 0 0 0 0 0.780392 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/></filter><filter id="iU5bllb" width="27.966" height="19.948" x="2.228" y="9.963" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.45098 0 0 0 0 0.941176 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.286275 0 0 0 0 0.666667 0 0 0 0 0.901961 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_20736" result="effect2_innerShadow_18_20736"/></filter><filter id="ixEQfTb" width="26.938" height="19.055" x="2.531" y="8.594" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20736" stdDeviation=".25"/></filter><filter id="iaoDsVd" width="13.069" height="18.639" x="3.211" y="8.461" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.694118 0 0 0 0 0.705882 0 0 0 0 0.733333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/></filter><filter id="iggHM1c" width="13.069" height="18.639" x="16.18" y="8.461" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.831373 0 0 0 0 0.835294 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/></filter><filter id="iAlzg0d" width="11.475" height="19.011" x="4.805" y="8.031" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".05"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.819608 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.980392 0 0 0 0 0.976471 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_20736" result="effect2_innerShadow_18_20736"/></filter><filter id="iOq1JHe" width="11.475" height="19.011" x="16.08" y="8.031" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.980392 0 0 0 0 0.976471 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".05"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.819608 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_20736" result="effect2_innerShadow_18_20736"/></filter><radialGradient id="iDgSBtb" cx="0" cy="0" r="1" gradientTransform="matrix(2 -1 1.40312 2.80625 15.375 28.531)" gradientUnits="userSpaceOnUse"><stop offset=".232" stop-color="#306AB3"/><stop offset="1" stop-color="#1A4CA8"/></radialGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiOpenBook(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iW4wa2w)"><path fill="#3E6ACA" d="M3.578 11.031c-.69 0-1.25.56-1.25 1.25v16.39c0 .691.56 1.25 1.25 1.25h11.005a1.863 1.863 0 0 0 3.256 0h11.005c.69 0 1.25-.559 1.25-1.25v-16.39c0-.69-.56-1.25-1.25-1.25z"/></g><g filter="url(#iU5bllb)"><path fill="url(#irlxH7k)" d="M3.578 10.063c-.69 0-1.25.56-1.25 1.25v16.39c0 .69.56 1.25 1.25 1.25h11.005a1.863 1.863 0 0 0 3.256 0h11.005c.69 0 1.25-.56 1.25-1.25v-16.39c0-.69-.56-1.25-1.25-1.25z"/></g><g filter="url(#ixEQfTb)"><path fill="#3F9BEA" d="m4.81 9.094l-1.565 1.941a.96.96 0 0 0-.214.602V25.93c0 .672.56 1.217 1.25 1.217H27.72c.69 0 1.25-.545 1.25-1.217V11.637a.96.96 0 0 0-.214-.602L27.19 9.094L25.348 23.74H6.652z"/></g><path fill="url(#iDgSBtb)" d="M14.773 25.703h2.875v1.578a1.438 1.438 0 1 1-2.875 0z"/><path fill="url(#i3Tskbc)" d="M14.773 25.703h2.875v1.578a1.438 1.438 0 1 1-2.875 0z"/><g filter="url(#iaoDsVd)"><path fill="url(#iy0dfHe)" d="M3.424 10.455L4.99 8.46L6.832 23.5h9.348V27H4.46c-.69 0-1.25-.56-1.25-1.25V11.072a1 1 0 0 1 .214-.617"/></g><g filter="url(#iggHM1c)"><path fill="url(#i2ppiTc)" d="M28.935 10.455L27.369 8.46L25.528 23.5H16.18V27h11.718c.69 0 1.25-.56 1.25-1.25V11.072a1 1 0 0 0-.213-.617"/><path fill="url(#iad3Q2d)" d="M28.935 10.455L27.369 8.46L25.528 23.5H16.18V27h11.718c.69 0 1.25-.56 1.25-1.25V11.072a1 1 0 0 0-.213-.617"/></g><path fill="url(#iJAyaip)" d="M28.935 10.455L27.369 8.46L25.528 23.5H16.18V27h11.718c.69 0 1.25-.56 1.25-1.25V11.072a1 1 0 0 0-.213-.617"/><g filter="url(#iAlzg0d)"><path fill="url(#iJpgGhd)" d="M4.805 9.031a1 1 0 0 1 1-1h7.875a2.5 2.5 0 0 1 2.5 2.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69 0-1.25-.56-1.25-1.25z"/><path fill="url(#ieLzLNb)" d="M4.805 9.031a1 1 0 0 1 1-1h7.875a2.5 2.5 0 0 1 2.5 2.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69 0-1.25-.56-1.25-1.25z"/><path fill="url(#iEoXU8c)" d="M4.805 9.031a1 1 0 0 1 1-1h7.875a2.5 2.5 0 0 1 2.5 2.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69 0-1.25-.56-1.25-1.25z"/></g><g filter="url(#iOq1JHe)"><path fill="url(#i7R9JeL)" d="M27.555 9.031a1 1 0 0 0-1-1H18.68a2.5 2.5 0 0 0-2.5 2.5v16.461c0-1.1 1.133-1.992 2.445-1.992h7.68c.69 0 1.25-.56 1.25-1.25z"/><path fill="url(#iT5Qiec)" d="M27.555 9.031a1 1 0 0 0-1-1H18.68a2.5 2.5 0 0 0-2.5 2.5v16.461c0-1.1 1.133-1.992 2.445-1.992h7.68c.69 0 1.25-.56 1.25-1.25z"/><path fill="url(#iunkFrb)" d="M27.555 9.031a1 1 0 0 0-1-1H18.68a2.5 2.5 0 0 0-2.5 2.5v16.461c0-1.1 1.133-1.992 2.445-1.992h7.68c.69 0 1.25-.56 1.25-1.25z"/></g><defs><linearGradient id="irlxH7k" x1="16.211" x2="16.211" y1="14.438" y2="29.91" gradientUnits="userSpaceOnUse"><stop stopColor="#5DD8FB"/><stop offset="1" stopColor="#41AEF2"/></linearGradient><linearGradient id="i3Tskbc" x1="16.211" x2="16.211" y1="26.781" y2="27.531" gradientUnits="userSpaceOnUse"><stop stopColor="#1748A6"/><stop offset="1" stopColor="#1748A6" stopOpacity="0"/></linearGradient><linearGradient id="iy0dfHe" x1="12.516" x2="5.266" y1="28.656" y2="21.938" gradientUnits="userSpaceOnUse"><stop offset=".75" stopColor="#B3A9CF"/><stop offset=".932" stopColor="#B6BAC5"/></linearGradient><linearGradient id="i2ppiTc" x1="19.844" x2="27.094" y1="28.656" y2="21.938" gradientUnits="userSpaceOnUse"><stop offset=".717" stopColor="#BBB3D9"/><stop offset=".913" stopColor="#DCDDE8"/></linearGradient><linearGradient id="iad3Q2d" x1="27.976" x2="27.976" y1="8.886" y2="13.327" gradientUnits="userSpaceOnUse"><stop stopColor="#D8DAE2"/><stop offset="1" stopColor="#D8DAE2" stopOpacity="0"/></linearGradient><linearGradient id="iJAyaip" x1="16.18" x2="17.797" y1="27" y2="25.094" gradientUnits="userSpaceOnUse"><stop stopColor="#A699C9"/><stop offset="1" stopColor="#A699C9" stopOpacity="0"/></linearGradient><linearGradient id="iJpgGhd" x1="4.805" x2="15.328" y1="17.512" y2="17.512" gradientUnits="userSpaceOnUse"><stop stopColor="#F3F1FA"/><stop offset="1" stopColor="#F0EBF9"/></linearGradient><linearGradient id="ieLzLNb" x1="16.18" x2="13.453" y1="25.688" y2="25.688" gradientUnits="userSpaceOnUse"><stop stopColor="#D5CCE8"/><stop offset="1" stopColor="#F2EBFF" stopOpacity="0"/></linearGradient><linearGradient id="iEoXU8c" x1="16.234" x2="16.016" y1="25.906" y2="25.906" gradientUnits="userSpaceOnUse"><stop offset=".179" stopColor="#BFB3D1"/><stop offset="1" stopColor="#BFB3D1" stopOpacity="0"/></linearGradient><linearGradient id="i7R9JeL" x1="16.18" x2="26.703" y1="17.512" y2="17.512" gradientUnits="userSpaceOnUse"><stop stopColor="#F3F1FA"/><stop offset="1" stopColor="#F0EBF9"/></linearGradient><linearGradient id="iT5Qiec" x1="16.18" x2="18.984" y1="25.688" y2="25.688" gradientUnits="userSpaceOnUse"><stop stopColor="#D5CCE8"/><stop offset="1" stopColor="#F2EBFF" stopOpacity="0"/></linearGradient><linearGradient id="iunkFrb" x1="16.152" x2="16.359" y1="25.906" y2="25.906" gradientUnits="userSpaceOnUse"><stop stopColor="#BFB3D1"/><stop offset="1" stopColor="#BFB3D1" stopOpacity="0"/></linearGradient><filter id="iW4wa2w" width="27.916" height="19.998" x="2.328" y="10.881" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.15"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.305882 0 0 0 0 0.541176 0 0 0 0 0.780392 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/></filter><filter id="iU5bllb" width="27.966" height="19.948" x="2.228" y="9.963" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.45098 0 0 0 0 0.941176 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.286275 0 0 0 0 0.666667 0 0 0 0 0.901961 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_20736" result="effect2_innerShadow_18_20736"/></filter><filter id="ixEQfTb" width="26.938" height="19.055" x="2.531" y="8.594" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20736" stdDeviation=".25"/></filter><filter id="iaoDsVd" width="13.069" height="18.639" x="3.211" y="8.461" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.694118 0 0 0 0 0.705882 0 0 0 0 0.733333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/></filter><filter id="iggHM1c" width="13.069" height="18.639" x="16.18" y="8.461" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.831373 0 0 0 0 0.835294 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/></filter><filter id="iAlzg0d" width="11.475" height="19.011" x="4.805" y="8.031" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".05"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.819608 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.980392 0 0 0 0 0.976471 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_20736" result="effect2_innerShadow_18_20736"/></filter><filter id="iOq1JHe" width="11.475" height="19.011" x="16.08" y="8.031" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.980392 0 0 0 0 0.976471 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".05"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.819608 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_20736" result="effect2_innerShadow_18_20736"/></filter><radialGradient id="iDgSBtb" cx="0" cy="0" r="1" gradientTransform="matrix(2 -1 1.40312 2.80625 15.375 28.531)" gradientUnits="userSpaceOnUse"><stop offset=".232" stopColor="#306AB3"/><stop offset="1" stopColor="#1A4CA8"/></radialGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iW4wa2w)"><path fill="#3E6ACA" d="M3.578 11.031c-.69 0-1.25.56-1.25 1.25v16.39c0 .691.56 1.25 1.25 1.25h11.005a1.863 1.863 0 0 0 3.256 0h11.005c.69 0 1.25-.559 1.25-1.25v-16.39c0-.69-.56-1.25-1.25-1.25z"/></g><g filter="url(#iU5bllb)"><path fill="url(#irlxH7k)" d="M3.578 10.063c-.69 0-1.25.56-1.25 1.25v16.39c0 .69.56 1.25 1.25 1.25h11.005a1.863 1.863 0 0 0 3.256 0h11.005c.69 0 1.25-.56 1.25-1.25v-16.39c0-.69-.56-1.25-1.25-1.25z"/></g><g filter="url(#ixEQfTb)"><path fill="#3F9BEA" d="m4.81 9.094l-1.565 1.941a.96.96 0 0 0-.214.602V25.93c0 .672.56 1.217 1.25 1.217H27.72c.69 0 1.25-.545 1.25-1.217V11.637a.96.96 0 0 0-.214-.602L27.19 9.094L25.348 23.74H6.652z"/></g><path fill="url(#iDgSBtb)" d="M14.773 25.703h2.875v1.578a1.438 1.438 0 1 1-2.875 0z"/><path fill="url(#i3Tskbc)" d="M14.773 25.703h2.875v1.578a1.438 1.438 0 1 1-2.875 0z"/><g filter="url(#iaoDsVd)"><path fill="url(#iy0dfHe)" d="M3.424 10.455L4.99 8.46L6.832 23.5h9.348V27H4.46c-.69 0-1.25-.56-1.25-1.25V11.072a1 1 0 0 1 .214-.617"/></g><g filter="url(#iggHM1c)"><path fill="url(#i2ppiTc)" d="M28.935 10.455L27.369 8.46L25.528 23.5H16.18V27h11.718c.69 0 1.25-.56 1.25-1.25V11.072a1 1 0 0 0-.213-.617"/><path fill="url(#iad3Q2d)" d="M28.935 10.455L27.369 8.46L25.528 23.5H16.18V27h11.718c.69 0 1.25-.56 1.25-1.25V11.072a1 1 0 0 0-.213-.617"/></g><path fill="url(#iJAyaip)" d="M28.935 10.455L27.369 8.46L25.528 23.5H16.18V27h11.718c.69 0 1.25-.56 1.25-1.25V11.072a1 1 0 0 0-.213-.617"/><g filter="url(#iAlzg0d)"><path fill="url(#iJpgGhd)" d="M4.805 9.031a1 1 0 0 1 1-1h7.875a2.5 2.5 0 0 1 2.5 2.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69 0-1.25-.56-1.25-1.25z"/><path fill="url(#ieLzLNb)" d="M4.805 9.031a1 1 0 0 1 1-1h7.875a2.5 2.5 0 0 1 2.5 2.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69 0-1.25-.56-1.25-1.25z"/><path fill="url(#iEoXU8c)" d="M4.805 9.031a1 1 0 0 1 1-1h7.875a2.5 2.5 0 0 1 2.5 2.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69 0-1.25-.56-1.25-1.25z"/></g><g filter="url(#iOq1JHe)"><path fill="url(#i7R9JeL)" d="M27.555 9.031a1 1 0 0 0-1-1H18.68a2.5 2.5 0 0 0-2.5 2.5v16.461c0-1.1 1.133-1.992 2.445-1.992h7.68c.69 0 1.25-.56 1.25-1.25z"/><path fill="url(#iT5Qiec)" d="M27.555 9.031a1 1 0 0 0-1-1H18.68a2.5 2.5 0 0 0-2.5 2.5v16.461c0-1.1 1.133-1.992 2.445-1.992h7.68c.69 0 1.25-.56 1.25-1.25z"/><path fill="url(#iunkFrb)" d="M27.555 9.031a1 1 0 0 0-1-1H18.68a2.5 2.5 0 0 0-2.5 2.5v16.461c0-1.1 1.133-1.992 2.445-1.992h7.68c.69 0 1.25-.56 1.25-1.25z"/></g><defs><linearGradient id="irlxH7k" x1="16.211" x2="16.211" y1="14.438" y2="29.91" gradientUnits="userSpaceOnUse"><stop stop-color="#5DD8FB"/><stop offset="1" stop-color="#41AEF2"/></linearGradient><linearGradient id="i3Tskbc" x1="16.211" x2="16.211" y1="26.781" y2="27.531" gradientUnits="userSpaceOnUse"><stop stop-color="#1748A6"/><stop offset="1" stop-color="#1748A6" stop-opacity="0"/></linearGradient><linearGradient id="iy0dfHe" x1="12.516" x2="5.266" y1="28.656" y2="21.938" gradientUnits="userSpaceOnUse"><stop offset=".75" stop-color="#B3A9CF"/><stop offset=".932" stop-color="#B6BAC5"/></linearGradient><linearGradient id="i2ppiTc" x1="19.844" x2="27.094" y1="28.656" y2="21.938" gradientUnits="userSpaceOnUse"><stop offset=".717" stop-color="#BBB3D9"/><stop offset=".913" stop-color="#DCDDE8"/></linearGradient><linearGradient id="iad3Q2d" x1="27.976" x2="27.976" y1="8.886" y2="13.327" gradientUnits="userSpaceOnUse"><stop stop-color="#D8DAE2"/><stop offset="1" stop-color="#D8DAE2" stop-opacity="0"/></linearGradient><linearGradient id="iJAyaip" x1="16.18" x2="17.797" y1="27" y2="25.094" gradientUnits="userSpaceOnUse"><stop stop-color="#A699C9"/><stop offset="1" stop-color="#A699C9" stop-opacity="0"/></linearGradient><linearGradient id="iJpgGhd" x1="4.805" x2="15.328" y1="17.512" y2="17.512" gradientUnits="userSpaceOnUse"><stop stop-color="#F3F1FA"/><stop offset="1" stop-color="#F0EBF9"/></linearGradient><linearGradient id="ieLzLNb" x1="16.18" x2="13.453" y1="25.688" y2="25.688" gradientUnits="userSpaceOnUse"><stop stop-color="#D5CCE8"/><stop offset="1" stop-color="#F2EBFF" stop-opacity="0"/></linearGradient><linearGradient id="iEoXU8c" x1="16.234" x2="16.016" y1="25.906" y2="25.906" gradientUnits="userSpaceOnUse"><stop offset=".179" stop-color="#BFB3D1"/><stop offset="1" stop-color="#BFB3D1" stop-opacity="0"/></linearGradient><linearGradient id="i7R9JeL" x1="16.18" x2="26.703" y1="17.512" y2="17.512" gradientUnits="userSpaceOnUse"><stop stop-color="#F3F1FA"/><stop offset="1" stop-color="#F0EBF9"/></linearGradient><linearGradient id="iT5Qiec" x1="16.18" x2="18.984" y1="25.688" y2="25.688" gradientUnits="userSpaceOnUse"><stop stop-color="#D5CCE8"/><stop offset="1" stop-color="#F2EBFF" stop-opacity="0"/></linearGradient><linearGradient id="iunkFrb" x1="16.152" x2="16.359" y1="25.906" y2="25.906" gradientUnits="userSpaceOnUse"><stop stop-color="#BFB3D1"/><stop offset="1" stop-color="#BFB3D1" stop-opacity="0"/></linearGradient><filter id="iW4wa2w" width="27.916" height="19.998" x="2.328" y="10.881" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.15"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.305882 0 0 0 0 0.541176 0 0 0 0 0.780392 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/></filter><filter id="iU5bllb" width="27.966" height="19.948" x="2.228" y="9.963" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.45098 0 0 0 0 0.941176 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.286275 0 0 0 0 0.666667 0 0 0 0 0.901961 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_20736" result="effect2_innerShadow_18_20736"/></filter><filter id="ixEQfTb" width="26.938" height="19.055" x="2.531" y="8.594" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20736" stdDeviation=".25"/></filter><filter id="iaoDsVd" width="13.069" height="18.639" x="3.211" y="8.461" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.694118 0 0 0 0 0.705882 0 0 0 0 0.733333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/></filter><filter id="iggHM1c" width="13.069" height="18.639" x="16.18" y="8.461" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.831373 0 0 0 0 0.835294 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/></filter><filter id="iAlzg0d" width="11.475" height="19.011" x="4.805" y="8.031" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".05"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.819608 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.980392 0 0 0 0 0.976471 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_20736" result="effect2_innerShadow_18_20736"/></filter><filter id="iOq1JHe" width="11.475" height="19.011" x="16.08" y="8.031" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.980392 0 0 0 0 0.976471 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20736"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".05"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.819608 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_20736" result="effect2_innerShadow_18_20736"/></filter><radialGradient id="iDgSBtb" cx="0" cy="0" r="1" gradientTransform="matrix(2 -1 1.40312 2.80625 15.375 28.531)" gradientUnits="userSpaceOnUse"><stop offset=".232" stop-color="#306AB3"/><stop offset="1" stop-color="#1A4CA8"/></radialGradient></defs></g></svg>
</template>

CSS

.icon-open-book {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23iW4wa2w)%22%3E%3Cpath%20fill%3D%22%233E6ACA%22%20d%3D%22M3.578%2011.031c-.69%200-1.25.56-1.25%201.25v16.39c0%20.691.56%201.25%201.25%201.25h11.005a1.863%201.863%200%200%200%203.256%200h11.005c.69%200%201.25-.559%201.25-1.25v-16.39c0-.69-.56-1.25-1.25-1.25z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iU5bllb)%22%3E%3Cpath%20fill%3D%22url(%23irlxH7k)%22%20d%3D%22M3.578%2010.063c-.69%200-1.25.56-1.25%201.25v16.39c0%20.69.56%201.25%201.25%201.25h11.005a1.863%201.863%200%200%200%203.256%200h11.005c.69%200%201.25-.56%201.25-1.25v-16.39c0-.69-.56-1.25-1.25-1.25z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ixEQfTb)%22%3E%3Cpath%20fill%3D%22%233F9BEA%22%20d%3D%22m4.81%209.094l-1.565%201.941a.96.96%200%200%200-.214.602V25.93c0%20.672.56%201.217%201.25%201.217H27.72c.69%200%201.25-.545%201.25-1.217V11.637a.96.96%200%200%200-.214-.602L27.19%209.094L25.348%2023.74H6.652z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23iDgSBtb)%22%20d%3D%22M14.773%2025.703h2.875v1.578a1.438%201.438%200%201%201-2.875%200z%22%2F%3E%3Cpath%20fill%3D%22url(%23i3Tskbc)%22%20d%3D%22M14.773%2025.703h2.875v1.578a1.438%201.438%200%201%201-2.875%200z%22%2F%3E%3Cg%20filter%3D%22url(%23iaoDsVd)%22%3E%3Cpath%20fill%3D%22url(%23iy0dfHe)%22%20d%3D%22M3.424%2010.455L4.99%208.46L6.832%2023.5h9.348V27H4.46c-.69%200-1.25-.56-1.25-1.25V11.072a1%201%200%200%201%20.214-.617%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iggHM1c)%22%3E%3Cpath%20fill%3D%22url(%23i2ppiTc)%22%20d%3D%22M28.935%2010.455L27.369%208.46L25.528%2023.5H16.18V27h11.718c.69%200%201.25-.56%201.25-1.25V11.072a1%201%200%200%200-.213-.617%22%2F%3E%3Cpath%20fill%3D%22url(%23iad3Q2d)%22%20d%3D%22M28.935%2010.455L27.369%208.46L25.528%2023.5H16.18V27h11.718c.69%200%201.25-.56%201.25-1.25V11.072a1%201%200%200%200-.213-.617%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23iJAyaip)%22%20d%3D%22M28.935%2010.455L27.369%208.46L25.528%2023.5H16.18V27h11.718c.69%200%201.25-.56%201.25-1.25V11.072a1%201%200%200%200-.213-.617%22%2F%3E%3Cg%20filter%3D%22url(%23iAlzg0d)%22%3E%3Cpath%20fill%3D%22url(%23iJpgGhd)%22%20d%3D%22M4.805%209.031a1%201%200%200%201%201-1h7.875a2.5%202.5%200%200%201%202.5%202.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69%200-1.25-.56-1.25-1.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23ieLzLNb)%22%20d%3D%22M4.805%209.031a1%201%200%200%201%201-1h7.875a2.5%202.5%200%200%201%202.5%202.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69%200-1.25-.56-1.25-1.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23iEoXU8c)%22%20d%3D%22M4.805%209.031a1%201%200%200%201%201-1h7.875a2.5%202.5%200%200%201%202.5%202.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69%200-1.25-.56-1.25-1.25z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iOq1JHe)%22%3E%3Cpath%20fill%3D%22url(%23i7R9JeL)%22%20d%3D%22M27.555%209.031a1%201%200%200%200-1-1H18.68a2.5%202.5%200%200%200-2.5%202.5v16.461c0-1.1%201.133-1.992%202.445-1.992h7.68c.69%200%201.25-.56%201.25-1.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23iT5Qiec)%22%20d%3D%22M27.555%209.031a1%201%200%200%200-1-1H18.68a2.5%202.5%200%200%200-2.5%202.5v16.461c0-1.1%201.133-1.992%202.445-1.992h7.68c.69%200%201.25-.56%201.25-1.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23iunkFrb)%22%20d%3D%22M27.555%209.031a1%201%200%200%200-1-1H18.68a2.5%202.5%200%200%200-2.5%202.5v16.461c0-1.1%201.133-1.992%202.445-1.992h7.68c.69%200%201.25-.56%201.25-1.25z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22irlxH7k%22%20x1%3D%2216.211%22%20x2%3D%2216.211%22%20y1%3D%2214.438%22%20y2%3D%2229.91%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235DD8FB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2341AEF2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i3Tskbc%22%20x1%3D%2216.211%22%20x2%3D%2216.211%22%20y1%3D%2226.781%22%20y2%3D%2227.531%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231748A6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231748A6%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iy0dfHe%22%20x1%3D%2212.516%22%20x2%3D%225.266%22%20y1%3D%2228.656%22%20y2%3D%2221.938%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23B3A9CF%22%2F%3E%3Cstop%20offset%3D%22.932%22%20stop-color%3D%22%23B6BAC5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i2ppiTc%22%20x1%3D%2219.844%22%20x2%3D%2227.094%22%20y1%3D%2228.656%22%20y2%3D%2221.938%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.717%22%20stop-color%3D%22%23BBB3D9%22%2F%3E%3Cstop%20offset%3D%22.913%22%20stop-color%3D%22%23DCDDE8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iad3Q2d%22%20x1%3D%2227.976%22%20x2%3D%2227.976%22%20y1%3D%228.886%22%20y2%3D%2213.327%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D8DAE2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D8DAE2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iJAyaip%22%20x1%3D%2216.18%22%20x2%3D%2217.797%22%20y1%3D%2227%22%20y2%3D%2225.094%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23A699C9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A699C9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iJpgGhd%22%20x1%3D%224.805%22%20x2%3D%2215.328%22%20y1%3D%2217.512%22%20y2%3D%2217.512%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F3F1FA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F0EBF9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ieLzLNb%22%20x1%3D%2216.18%22%20x2%3D%2213.453%22%20y1%3D%2225.688%22%20y2%3D%2225.688%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D5CCE8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F2EBFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iEoXU8c%22%20x1%3D%2216.234%22%20x2%3D%2216.016%22%20y1%3D%2225.906%22%20y2%3D%2225.906%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.179%22%20stop-color%3D%22%23BFB3D1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23BFB3D1%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i7R9JeL%22%20x1%3D%2216.18%22%20x2%3D%2226.703%22%20y1%3D%2217.512%22%20y2%3D%2217.512%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F3F1FA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F0EBF9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iT5Qiec%22%20x1%3D%2216.18%22%20x2%3D%2218.984%22%20y1%3D%2225.688%22%20y2%3D%2225.688%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D5CCE8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F2EBFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iunkFrb%22%20x1%3D%2216.152%22%20x2%3D%2216.359%22%20y1%3D%2225.906%22%20y2%3D%2225.906%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23BFB3D1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23BFB3D1%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22iW4wa2w%22%20width%3D%2227.916%22%20height%3D%2219.998%22%20x%3D%222.328%22%20y%3D%2210.881%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.15%22%20dy%3D%22-.15%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.305882%200%200%200%200%200.541176%200%200%200%200%200.780392%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20736%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iU5bllb%22%20width%3D%2227.966%22%20height%3D%2219.948%22%20x%3D%222.228%22%20y%3D%229.963%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.45098%200%200%200%200%200.941176%200%200%200%200%201%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20736%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.1%22%20dy%3D%22-.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.286275%200%200%200%200%200.666667%200%200%200%200%200.901961%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_20736%22%20result%3D%22effect2_innerShadow_18_20736%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ixEQfTb%22%20width%3D%2226.938%22%20height%3D%2219.055%22%20x%3D%222.531%22%20y%3D%228.594%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_20736%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iaoDsVd%22%20width%3D%2213.069%22%20height%3D%2218.639%22%20x%3D%223.211%22%20y%3D%228.461%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.1%22%20dy%3D%22.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.694118%200%200%200%200%200.705882%200%200%200%200%200.733333%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20736%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iggHM1c%22%20width%3D%2213.069%22%20height%3D%2218.639%22%20x%3D%2216.18%22%20y%3D%228.461%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.1%22%20dy%3D%22.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.831373%200%200%200%200%200.835294%200%200%200%200%200.854902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20736%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iAlzg0d%22%20width%3D%2211.475%22%20height%3D%2219.011%22%20x%3D%224.805%22%20y%3D%228.031%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.05%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.827451%200%200%200%200%200.819608%200%200%200%200%200.854902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20736%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.980392%200%200%200%200%200.976471%200%200%200%200%201%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_20736%22%20result%3D%22effect2_innerShadow_18_20736%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iOq1JHe%22%20width%3D%2211.475%22%20height%3D%2219.011%22%20x%3D%2216.08%22%20y%3D%228.031%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.980392%200%200%200%200%200.976471%200%200%200%200%201%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20736%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.05%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.827451%200%200%200%200%200.819608%200%200%200%200%200.854902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_20736%22%20result%3D%22effect2_innerShadow_18_20736%22%2F%3E%3C%2Ffilter%3E%3CradialGradient%20id%3D%22iDgSBtb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(2%20-1%201.40312%202.80625%2015.375%2028.531)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.232%22%20stop-color%3D%22%23306AB3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231A4CA8%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23iW4wa2w)%22%3E%3Cpath%20fill%3D%22%233E6ACA%22%20d%3D%22M3.578%2011.031c-.69%200-1.25.56-1.25%201.25v16.39c0%20.691.56%201.25%201.25%201.25h11.005a1.863%201.863%200%200%200%203.256%200h11.005c.69%200%201.25-.559%201.25-1.25v-16.39c0-.69-.56-1.25-1.25-1.25z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iU5bllb)%22%3E%3Cpath%20fill%3D%22url(%23irlxH7k)%22%20d%3D%22M3.578%2010.063c-.69%200-1.25.56-1.25%201.25v16.39c0%20.69.56%201.25%201.25%201.25h11.005a1.863%201.863%200%200%200%203.256%200h11.005c.69%200%201.25-.56%201.25-1.25v-16.39c0-.69-.56-1.25-1.25-1.25z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ixEQfTb)%22%3E%3Cpath%20fill%3D%22%233F9BEA%22%20d%3D%22m4.81%209.094l-1.565%201.941a.96.96%200%200%200-.214.602V25.93c0%20.672.56%201.217%201.25%201.217H27.72c.69%200%201.25-.545%201.25-1.217V11.637a.96.96%200%200%200-.214-.602L27.19%209.094L25.348%2023.74H6.652z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23iDgSBtb)%22%20d%3D%22M14.773%2025.703h2.875v1.578a1.438%201.438%200%201%201-2.875%200z%22%2F%3E%3Cpath%20fill%3D%22url(%23i3Tskbc)%22%20d%3D%22M14.773%2025.703h2.875v1.578a1.438%201.438%200%201%201-2.875%200z%22%2F%3E%3Cg%20filter%3D%22url(%23iaoDsVd)%22%3E%3Cpath%20fill%3D%22url(%23iy0dfHe)%22%20d%3D%22M3.424%2010.455L4.99%208.46L6.832%2023.5h9.348V27H4.46c-.69%200-1.25-.56-1.25-1.25V11.072a1%201%200%200%201%20.214-.617%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iggHM1c)%22%3E%3Cpath%20fill%3D%22url(%23i2ppiTc)%22%20d%3D%22M28.935%2010.455L27.369%208.46L25.528%2023.5H16.18V27h11.718c.69%200%201.25-.56%201.25-1.25V11.072a1%201%200%200%200-.213-.617%22%2F%3E%3Cpath%20fill%3D%22url(%23iad3Q2d)%22%20d%3D%22M28.935%2010.455L27.369%208.46L25.528%2023.5H16.18V27h11.718c.69%200%201.25-.56%201.25-1.25V11.072a1%201%200%200%200-.213-.617%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23iJAyaip)%22%20d%3D%22M28.935%2010.455L27.369%208.46L25.528%2023.5H16.18V27h11.718c.69%200%201.25-.56%201.25-1.25V11.072a1%201%200%200%200-.213-.617%22%2F%3E%3Cg%20filter%3D%22url(%23iAlzg0d)%22%3E%3Cpath%20fill%3D%22url(%23iJpgGhd)%22%20d%3D%22M4.805%209.031a1%201%200%200%201%201-1h7.875a2.5%202.5%200%200%201%202.5%202.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69%200-1.25-.56-1.25-1.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23ieLzLNb)%22%20d%3D%22M4.805%209.031a1%201%200%200%201%201-1h7.875a2.5%202.5%200%200%201%202.5%202.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69%200-1.25-.56-1.25-1.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23iEoXU8c)%22%20d%3D%22M4.805%209.031a1%201%200%200%201%201-1h7.875a2.5%202.5%200%200%201%202.5%202.5v16.461c0-1.1-1.133-1.992-2.446-1.992h-7.68c-.69%200-1.25-.56-1.25-1.25z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iOq1JHe)%22%3E%3Cpath%20fill%3D%22url(%23i7R9JeL)%22%20d%3D%22M27.555%209.031a1%201%200%200%200-1-1H18.68a2.5%202.5%200%200%200-2.5%202.5v16.461c0-1.1%201.133-1.992%202.445-1.992h7.68c.69%200%201.25-.56%201.25-1.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23iT5Qiec)%22%20d%3D%22M27.555%209.031a1%201%200%200%200-1-1H18.68a2.5%202.5%200%200%200-2.5%202.5v16.461c0-1.1%201.133-1.992%202.445-1.992h7.68c.69%200%201.25-.56%201.25-1.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23iunkFrb)%22%20d%3D%22M27.555%209.031a1%201%200%200%200-1-1H18.68a2.5%202.5%200%200%200-2.5%202.5v16.461c0-1.1%201.133-1.992%202.445-1.992h7.68c.69%200%201.25-.56%201.25-1.25z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22irlxH7k%22%20x1%3D%2216.211%22%20x2%3D%2216.211%22%20y1%3D%2214.438%22%20y2%3D%2229.91%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235DD8FB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2341AEF2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i3Tskbc%22%20x1%3D%2216.211%22%20x2%3D%2216.211%22%20y1%3D%2226.781%22%20y2%3D%2227.531%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231748A6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231748A6%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iy0dfHe%22%20x1%3D%2212.516%22%20x2%3D%225.266%22%20y1%3D%2228.656%22%20y2%3D%2221.938%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23B3A9CF%22%2F%3E%3Cstop%20offset%3D%22.932%22%20stop-color%3D%22%23B6BAC5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i2ppiTc%22%20x1%3D%2219.844%22%20x2%3D%2227.094%22%20y1%3D%2228.656%22%20y2%3D%2221.938%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.717%22%20stop-color%3D%22%23BBB3D9%22%2F%3E%3Cstop%20offset%3D%22.913%22%20stop-color%3D%22%23DCDDE8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iad3Q2d%22%20x1%3D%2227.976%22%20x2%3D%2227.976%22%20y1%3D%228.886%22%20y2%3D%2213.327%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D8DAE2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D8DAE2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iJAyaip%22%20x1%3D%2216.18%22%20x2%3D%2217.797%22%20y1%3D%2227%22%20y2%3D%2225.094%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23A699C9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A699C9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iJpgGhd%22%20x1%3D%224.805%22%20x2%3D%2215.328%22%20y1%3D%2217.512%22%20y2%3D%2217.512%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F3F1FA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F0EBF9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ieLzLNb%22%20x1%3D%2216.18%22%20x2%3D%2213.453%22%20y1%3D%2225.688%22%20y2%3D%2225.688%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D5CCE8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F2EBFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iEoXU8c%22%20x1%3D%2216.234%22%20x2%3D%2216.016%22%20y1%3D%2225.906%22%20y2%3D%2225.906%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.179%22%20stop-color%3D%22%23BFB3D1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23BFB3D1%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i7R9JeL%22%20x1%3D%2216.18%22%20x2%3D%2226.703%22%20y1%3D%2217.512%22%20y2%3D%2217.512%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F3F1FA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F0EBF9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iT5Qiec%22%20x1%3D%2216.18%22%20x2%3D%2218.984%22%20y1%3D%2225.688%22%20y2%3D%2225.688%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D5CCE8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F2EBFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iunkFrb%22%20x1%3D%2216.152%22%20x2%3D%2216.359%22%20y1%3D%2225.906%22%20y2%3D%2225.906%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23BFB3D1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23BFB3D1%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22iW4wa2w%22%20width%3D%2227.916%22%20height%3D%2219.998%22%20x%3D%222.328%22%20y%3D%2210.881%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.15%22%20dy%3D%22-.15%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.305882%200%200%200%200%200.541176%200%200%200%200%200.780392%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20736%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iU5bllb%22%20width%3D%2227.966%22%20height%3D%2219.948%22%20x%3D%222.228%22%20y%3D%229.963%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.45098%200%200%200%200%200.941176%200%200%200%200%201%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20736%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.1%22%20dy%3D%22-.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.286275%200%200%200%200%200.666667%200%200%200%200%200.901961%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_20736%22%20result%3D%22effect2_innerShadow_18_20736%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ixEQfTb%22%20width%3D%2226.938%22%20height%3D%2219.055%22%20x%3D%222.531%22%20y%3D%228.594%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_20736%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iaoDsVd%22%20width%3D%2213.069%22%20height%3D%2218.639%22%20x%3D%223.211%22%20y%3D%228.461%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.1%22%20dy%3D%22.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.694118%200%200%200%200%200.705882%200%200%200%200%200.733333%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20736%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iggHM1c%22%20width%3D%2213.069%22%20height%3D%2218.639%22%20x%3D%2216.18%22%20y%3D%228.461%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.1%22%20dy%3D%22.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.831373%200%200%200%200%200.835294%200%200%200%200%200.854902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20736%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iAlzg0d%22%20width%3D%2211.475%22%20height%3D%2219.011%22%20x%3D%224.805%22%20y%3D%228.031%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.05%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.827451%200%200%200%200%200.819608%200%200%200%200%200.854902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20736%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.980392%200%200%200%200%200.976471%200%200%200%200%201%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_20736%22%20result%3D%22effect2_innerShadow_18_20736%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iOq1JHe%22%20width%3D%2211.475%22%20height%3D%2219.011%22%20x%3D%2216.08%22%20y%3D%228.031%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.980392%200%200%200%200%200.976471%200%200%200%200%201%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20736%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.05%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.827451%200%200%200%200%200.819608%200%200%200%200%200.854902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_20736%22%20result%3D%22effect2_innerShadow_18_20736%22%2F%3E%3C%2Ffilter%3E%3CradialGradient%20id%3D%22iDgSBtb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(2%20-1%201.40312%202.80625%2015.375%2028.531)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.232%22%20stop-color%3D%22%23306AB3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231A4CA8%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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