book open globe icon
book-open-globe-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- book-open-globe-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
book-add-20-filledbook-arrow-clockwise-20-filledbook-clock-20-filledbook-coins-20-filledbook-compass-20-filledbook-contacts-16-filledbook-database-16-filledbook-default-20-filledbook-dismiss-16-filledbook-exclamation-mark-20-filledbook-globe-20-filledbook-information-20-filledbook-letter-20-filledbook-number-16-filledbook-open-16-filledbook-open-lightbulb-16-filledbook-open-microphone-20-filledbook-pulse-20-filledbook-question-mark-20-filledbook-question-mark-rtl-20-filledbook-search-20-filledbook-star-20-filledbook-template-20-filledbook-theta-20-filled
Use the book open globe icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="currentColor"><path d="M18 4.75v5.507a5.5 5.5 0 0 0-1.5-.882V4.75a.25.25 0 0 0-.25-.25H12c-.69 0-1.25.56-1.25 1.25v4.727a5.5 5.5 0 0 0-1.5 2.379V5.75c0-.69-.56-1.25-1.25-1.25H3.75a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25H8c.421 0 .794-.208 1.02-.527c.049.574.186 1.123.398 1.634c-.414.25-.9.393-1.418.393H3.75A1.75 1.75 0 0 1 2 15.25V4.75C2 3.784 2.784 3 3.75 3H8c.788 0 1.499.331 2 .863A2.74 2.74 0 0 1 12 3h4.25c.966 0 1.75.784 1.75 1.75"/><path d="M13.01 14c.047-1.128.25-2.123.54-2.85c.167-.417.353-.722.535-.914c.18-.19.32-.236.415-.236s.235.046.415.236c.182.192.368.497.535.914c.29.727.493 1.722.54 2.85zm-.388-3.221q.095-.24.207-.459A4.5 4.5 0 0 0 10.028 14h1.983c.047-1.234.267-2.36.611-3.221m3.756 0a5 5 0 0 0-.207-.459A4.5 4.5 0 0 1 18.973 14H16.99c-.048-1.234-.268-2.36-.613-3.221M16.99 15h1.983a4.5 4.5 0 0 1-2.802 3.68q.111-.218.207-.459c.345-.862.565-1.987.613-3.221m-2.076 3.764c-.18.19-.32.236-.415.236s-.235-.046-.415-.236c-.182-.192-.368-.497-.535-.914c-.29-.727-.493-1.722-.54-2.85h2.98c-.047 1.128-.25 2.123-.54 2.85c-.167.417-.353.722-.535.913M10.028 15a4.5 4.5 0 0 0 2.801 3.68a5 5 0 0 1-.208-.459c-.344-.862-.564-1.987-.612-3.221z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentBookOpenGlobe20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="currentColor"><path d="M18 4.75v5.507a5.5 5.5 0 0 0-1.5-.882V4.75a.25.25 0 0 0-.25-.25H12c-.69 0-1.25.56-1.25 1.25v4.727a5.5 5.5 0 0 0-1.5 2.379V5.75c0-.69-.56-1.25-1.25-1.25H3.75a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25H8c.421 0 .794-.208 1.02-.527c.049.574.186 1.123.398 1.634c-.414.25-.9.393-1.418.393H3.75A1.75 1.75 0 0 1 2 15.25V4.75C2 3.784 2.784 3 3.75 3H8c.788 0 1.499.331 2 .863A2.74 2.74 0 0 1 12 3h4.25c.966 0 1.75.784 1.75 1.75"/><path d="M13.01 14c.047-1.128.25-2.123.54-2.85c.167-.417.353-.722.535-.914c.18-.19.32-.236.415-.236s.235.046.415.236c.182.192.368.497.535.914c.29.727.493 1.722.54 2.85zm-.388-3.221q.095-.24.207-.459A4.5 4.5 0 0 0 10.028 14h1.983c.047-1.234.267-2.36.611-3.221m3.756 0a5 5 0 0 0-.207-.459A4.5 4.5 0 0 1 18.973 14H16.99c-.048-1.234-.268-2.36-.613-3.221M16.99 15h1.983a4.5 4.5 0 0 1-2.802 3.68q.111-.218.207-.459c.345-.862.565-1.987.613-3.221m-2.076 3.764c-.18.19-.32.236-.415.236s-.235-.046-.415-.236c-.182-.192-.368-.497-.535-.914c-.29-.727-.493-1.722-.54-2.85h2.98c-.047 1.128-.25 2.123-.54 2.85c-.167.417-.353.722-.535.913M10.028 15a4.5 4.5 0 0 0 2.801 3.68a5 5 0 0 1-.208-.459c-.344-.862-.564-1.987-.612-3.221z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="currentColor"><path d="M18 4.75v5.507a5.5 5.5 0 0 0-1.5-.882V4.75a.25.25 0 0 0-.25-.25H12c-.69 0-1.25.56-1.25 1.25v4.727a5.5 5.5 0 0 0-1.5 2.379V5.75c0-.69-.56-1.25-1.25-1.25H3.75a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25H8c.421 0 .794-.208 1.02-.527c.049.574.186 1.123.398 1.634c-.414.25-.9.393-1.418.393H3.75A1.75 1.75 0 0 1 2 15.25V4.75C2 3.784 2.784 3 3.75 3H8c.788 0 1.499.331 2 .863A2.74 2.74 0 0 1 12 3h4.25c.966 0 1.75.784 1.75 1.75"/><path d="M13.01 14c.047-1.128.25-2.123.54-2.85c.167-.417.353-.722.535-.914c.18-.19.32-.236.415-.236s.235.046.415.236c.182.192.368.497.535.914c.29.727.493 1.722.54 2.85zm-.388-3.221q.095-.24.207-.459A4.5 4.5 0 0 0 10.028 14h1.983c.047-1.234.267-2.36.611-3.221m3.756 0a5 5 0 0 0-.207-.459A4.5 4.5 0 0 1 18.973 14H16.99c-.048-1.234-.268-2.36-.613-3.221M16.99 15h1.983a4.5 4.5 0 0 1-2.802 3.68q.111-.218.207-.459c.345-.862.565-1.987.613-3.221m-2.076 3.764c-.18.19-.32.236-.415.236s-.235-.046-.415-.236c-.182-.192-.368-.497-.535-.914c-.29-.727-.493-1.722-.54-2.85h2.98c-.047 1.128-.25 2.123-.54 2.85c-.167.417-.353.722-.535.913M10.028 15a4.5 4.5 0 0 0 2.801 3.68a5 5 0 0 1-.208-.459c-.344-.862-.564-1.987-.612-3.221z"/></g></svg> </template>
CSS
.icon-book-open-globe-20-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%2020%2020%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M18%204.75v5.507a5.5%205.5%200%200%200-1.5-.882V4.75a.25.25%200%200%200-.25-.25H12c-.69%200-1.25.56-1.25%201.25v4.727a5.5%205.5%200%200%200-1.5%202.379V5.75c0-.69-.56-1.25-1.25-1.25H3.75a.25.25%200%200%200-.25.25v10.5c0%20.138.112.25.25.25H8c.421%200%20.794-.208%201.02-.527c.049.574.186%201.123.398%201.634c-.414.25-.9.393-1.418.393H3.75A1.75%201.75%200%200%201%202%2015.25V4.75C2%203.784%202.784%203%203.75%203H8c.788%200%201.499.331%202%20.863A2.74%202.74%200%200%201%2012%203h4.25c.966%200%201.75.784%201.75%201.75%22%2F%3E%3Cpath%20d%3D%22M13.01%2014c.047-1.128.25-2.123.54-2.85c.167-.417.353-.722.535-.914c.18-.19.32-.236.415-.236s.235.046.415.236c.182.192.368.497.535.914c.29.727.493%201.722.54%202.85zm-.388-3.221q.095-.24.207-.459A4.5%204.5%200%200%200%2010.028%2014h1.983c.047-1.234.267-2.36.611-3.221m3.756%200a5%205%200%200%200-.207-.459A4.5%204.5%200%200%201%2018.973%2014H16.99c-.048-1.234-.268-2.36-.613-3.221M16.99%2015h1.983a4.5%204.5%200%200%201-2.802%203.68q.111-.218.207-.459c.345-.862.565-1.987.613-3.221m-2.076%203.764c-.18.19-.32.236-.415.236s-.235-.046-.415-.236c-.182-.192-.368-.497-.535-.914c-.29-.727-.493-1.722-.54-2.85h2.98c-.047%201.128-.25%202.123-.54%202.85c-.167.417-.353.722-.535.913M10.028%2015a4.5%204.5%200%200%200%202.801%203.68a5%205%200%200%201-.208-.459c-.344-.862-.564-1.987-.612-3.221z%22%2F%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%2020%2020%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M18%204.75v5.507a5.5%205.5%200%200%200-1.5-.882V4.75a.25.25%200%200%200-.25-.25H12c-.69%200-1.25.56-1.25%201.25v4.727a5.5%205.5%200%200%200-1.5%202.379V5.75c0-.69-.56-1.25-1.25-1.25H3.75a.25.25%200%200%200-.25.25v10.5c0%20.138.112.25.25.25H8c.421%200%20.794-.208%201.02-.527c.049.574.186%201.123.398%201.634c-.414.25-.9.393-1.418.393H3.75A1.75%201.75%200%200%201%202%2015.25V4.75C2%203.784%202.784%203%203.75%203H8c.788%200%201.499.331%202%20.863A2.74%202.74%200%200%201%2012%203h4.25c.966%200%201.75.784%201.75%201.75%22%2F%3E%3Cpath%20d%3D%22M13.01%2014c.047-1.128.25-2.123.54-2.85c.167-.417.353-.722.535-.914c.18-.19.32-.236.415-.236s.235.046.415.236c.182.192.368.497.535.914c.29.727.493%201.722.54%202.85zm-.388-3.221q.095-.24.207-.459A4.5%204.5%200%200%200%2010.028%2014h1.983c.047-1.234.267-2.36.611-3.221m3.756%200a5%205%200%200%200-.207-.459A4.5%204.5%200%200%201%2018.973%2014H16.99c-.048-1.234-.268-2.36-.613-3.221M16.99%2015h1.983a4.5%204.5%200%200%201-2.802%203.68q.111-.218.207-.459c.345-.862.565-1.987.613-3.221m-2.076%203.764c-.18.19-.32.236-.415.236s-.235-.046-.415-.236c-.182-.192-.368-.497-.535-.914c-.29-.727-.493-1.722-.54-2.85h2.98c-.047%201.128-.25%202.123-.54%202.85c-.167.417-.353.722-.535.913M10.028%2015a4.5%204.5%200%200%200%202.801%203.68a5%205%200%200%201-.208-.459c-.344-.862-.564-1.987-.612-3.221z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/book-open-globe-20-filled.svg?color=%231a73e8&size=48
