immersive reader icon

immersive-reader-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.

Name
immersive-reader-48-filled
Set
Fluent UI System Icons
Style
48 Filled
Viewbox
48×48
License
MIT

12 other variants in Fluent UI System Icons

immersive-reader-16-filledimmersive-reader-16-regularimmersive-reader-20-filledimmersive-reader-20-regularimmersive-reader-24-filledimmersive-reader-24-regularimmersive-reader-28-filledimmersive-reader-28-regularimmersive-reader-32-filledimmersive-reader-32-lightimmersive-reader-32-regularimmersive-reader-48-regular

Use the immersive reader icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M39.612 26.37a1.25 1.25 0 0 1 1.768-.008C43.613 28.576 45 31.628 45 35s-1.386 6.425-3.62 8.639a1.25 1.25 0 0 1-1.76-1.776c1.785-1.769 2.88-4.192 2.88-6.863c0-2.67-1.095-5.093-2.88-6.862a1.25 1.25 0 0 1-.008-1.768m-9.247 2.153c.909-1.052 2.635-.41 2.635.98v10.991c0 1.39-1.726 2.032-2.635.982L27.361 38H24.5a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 1.5-1.5h2.858zm5.171.931a1.25 1.25 0 0 1 1.76-.168A7.4 7.4 0 0 1 40 35.002a7.4 7.4 0 0 1-2.704 5.717a1.25 1.25 0 0 1-1.592-1.929a4.9 4.9 0 0 0 1.796-3.788c0-1.518-.694-2.88-1.796-3.788a1.25 1.25 0 0 1-.168-1.76M19 8c2.01 0 3.808.913 5 2.347A6.49 6.49 0 0 1 29 8h11.5a3.5 3.5 0 0 1 3.5 3.5v14.807q-.563-.721-1.212-1.366a3.24 3.24 0 0 0-1.788-.9V11.5a.5.5 0 0 0-.5-.5H29a3.5 3.5 0 0 0-3.5 3.5V30h-1a3.5 3.5 0 0 0-2 .628V14.5A3.5 3.5 0 0 0 19 11H7.5a.5.5 0 0 0-.5.5v25a.5.5 0 0 0 .5.5H19a3.5 3.5 0 0 0 2-.629v.129c0 1.059.47 2.007 1.213 2.648A6.46 6.46 0 0 1 19 40H7.5A3.5 3.5 0 0 1 4 36.5v-25A3.5 3.5 0 0 1 7.5 8z"/></svg>

React

import type { SVGProps } from "react";

export function FluentImmersiveReader48Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M39.612 26.37a1.25 1.25 0 0 1 1.768-.008C43.613 28.576 45 31.628 45 35s-1.386 6.425-3.62 8.639a1.25 1.25 0 0 1-1.76-1.776c1.785-1.769 2.88-4.192 2.88-6.863c0-2.67-1.095-5.093-2.88-6.862a1.25 1.25 0 0 1-.008-1.768m-9.247 2.153c.909-1.052 2.635-.41 2.635.98v10.991c0 1.39-1.726 2.032-2.635.982L27.361 38H24.5a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 1.5-1.5h2.858zm5.171.931a1.25 1.25 0 0 1 1.76-.168A7.4 7.4 0 0 1 40 35.002a7.4 7.4 0 0 1-2.704 5.717a1.25 1.25 0 0 1-1.592-1.929a4.9 4.9 0 0 0 1.796-3.788c0-1.518-.694-2.88-1.796-3.788a1.25 1.25 0 0 1-.168-1.76M19 8c2.01 0 3.808.913 5 2.347A6.49 6.49 0 0 1 29 8h11.5a3.5 3.5 0 0 1 3.5 3.5v14.807q-.563-.721-1.212-1.366a3.24 3.24 0 0 0-1.788-.9V11.5a.5.5 0 0 0-.5-.5H29a3.5 3.5 0 0 0-3.5 3.5V30h-1a3.5 3.5 0 0 0-2 .628V14.5A3.5 3.5 0 0 0 19 11H7.5a.5.5 0 0 0-.5.5v25a.5.5 0 0 0 .5.5H19a3.5 3.5 0 0 0 2-.629v.129c0 1.059.47 2.007 1.213 2.648A6.46 6.46 0 0 1 19 40H7.5A3.5 3.5 0 0 1 4 36.5v-25A3.5 3.5 0 0 1 7.5 8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M39.612 26.37a1.25 1.25 0 0 1 1.768-.008C43.613 28.576 45 31.628 45 35s-1.386 6.425-3.62 8.639a1.25 1.25 0 0 1-1.76-1.776c1.785-1.769 2.88-4.192 2.88-6.863c0-2.67-1.095-5.093-2.88-6.862a1.25 1.25 0 0 1-.008-1.768m-9.247 2.153c.909-1.052 2.635-.41 2.635.98v10.991c0 1.39-1.726 2.032-2.635.982L27.361 38H24.5a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 1.5-1.5h2.858zm5.171.931a1.25 1.25 0 0 1 1.76-.168A7.4 7.4 0 0 1 40 35.002a7.4 7.4 0 0 1-2.704 5.717a1.25 1.25 0 0 1-1.592-1.929a4.9 4.9 0 0 0 1.796-3.788c0-1.518-.694-2.88-1.796-3.788a1.25 1.25 0 0 1-.168-1.76M19 8c2.01 0 3.808.913 5 2.347A6.49 6.49 0 0 1 29 8h11.5a3.5 3.5 0 0 1 3.5 3.5v14.807q-.563-.721-1.212-1.366a3.24 3.24 0 0 0-1.788-.9V11.5a.5.5 0 0 0-.5-.5H29a3.5 3.5 0 0 0-3.5 3.5V30h-1a3.5 3.5 0 0 0-2 .628V14.5A3.5 3.5 0 0 0 19 11H7.5a.5.5 0 0 0-.5.5v25a.5.5 0 0 0 .5.5H19a3.5 3.5 0 0 0 2-.629v.129c0 1.059.47 2.007 1.213 2.648A6.46 6.46 0 0 1 19 40H7.5A3.5 3.5 0 0 1 4 36.5v-25A3.5 3.5 0 0 1 7.5 8z"/></svg>
</template>

CSS

.icon-immersive-reader-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M39.612%2026.37a1.25%201.25%200%200%201%201.768-.008C43.613%2028.576%2045%2031.628%2045%2035s-1.386%206.425-3.62%208.639a1.25%201.25%200%200%201-1.76-1.776c1.785-1.769%202.88-4.192%202.88-6.863c0-2.67-1.095-5.093-2.88-6.862a1.25%201.25%200%200%201-.008-1.768m-9.247%202.153c.909-1.052%202.635-.41%202.635.98v10.991c0%201.39-1.726%202.032-2.635.982L27.361%2038H24.5a1.5%201.5%200%200%201-1.5-1.5v-3a1.5%201.5%200%200%201%201.5-1.5h2.858zm5.171.931a1.25%201.25%200%200%201%201.76-.168A7.4%207.4%200%200%201%2040%2035.002a7.4%207.4%200%200%201-2.704%205.717a1.25%201.25%200%200%201-1.592-1.929a4.9%204.9%200%200%200%201.796-3.788c0-1.518-.694-2.88-1.796-3.788a1.25%201.25%200%200%201-.168-1.76M19%208c2.01%200%203.808.913%205%202.347A6.49%206.49%200%200%201%2029%208h11.5a3.5%203.5%200%200%201%203.5%203.5v14.807q-.563-.721-1.212-1.366a3.24%203.24%200%200%200-1.788-.9V11.5a.5.5%200%200%200-.5-.5H29a3.5%203.5%200%200%200-3.5%203.5V30h-1a3.5%203.5%200%200%200-2%20.628V14.5A3.5%203.5%200%200%200%2019%2011H7.5a.5.5%200%200%200-.5.5v25a.5.5%200%200%200%20.5.5H19a3.5%203.5%200%200%200%202-.629v.129c0%201.059.47%202.007%201.213%202.648A6.46%206.46%200%200%201%2019%2040H7.5A3.5%203.5%200%200%201%204%2036.5v-25A3.5%203.5%200%200%201%207.5%208z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M39.612%2026.37a1.25%201.25%200%200%201%201.768-.008C43.613%2028.576%2045%2031.628%2045%2035s-1.386%206.425-3.62%208.639a1.25%201.25%200%200%201-1.76-1.776c1.785-1.769%202.88-4.192%202.88-6.863c0-2.67-1.095-5.093-2.88-6.862a1.25%201.25%200%200%201-.008-1.768m-9.247%202.153c.909-1.052%202.635-.41%202.635.98v10.991c0%201.39-1.726%202.032-2.635.982L27.361%2038H24.5a1.5%201.5%200%200%201-1.5-1.5v-3a1.5%201.5%200%200%201%201.5-1.5h2.858zm5.171.931a1.25%201.25%200%200%201%201.76-.168A7.4%207.4%200%200%201%2040%2035.002a7.4%207.4%200%200%201-2.704%205.717a1.25%201.25%200%200%201-1.592-1.929a4.9%204.9%200%200%200%201.796-3.788c0-1.518-.694-2.88-1.796-3.788a1.25%201.25%200%200%201-.168-1.76M19%208c2.01%200%203.808.913%205%202.347A6.49%206.49%200%200%201%2029%208h11.5a3.5%203.5%200%200%201%203.5%203.5v14.807q-.563-.721-1.212-1.366a3.24%203.24%200%200%200-1.788-.9V11.5a.5.5%200%200%200-.5-.5H29a3.5%203.5%200%200%200-3.5%203.5V30h-1a3.5%203.5%200%200%200-2%20.628V14.5A3.5%203.5%200%200%200%2019%2011H7.5a.5.5%200%200%200-.5.5v25a.5.5%200%200%200%20.5.5H19a3.5%203.5%200%200%200%202-.629v.129c0%201.059.47%202.007%201.213%202.648A6.46%206.46%200%200%201%2019%2040H7.5A3.5%203.5%200%200%201%204%2036.5v-25A3.5%203.5%200%200%201%207.5%208z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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