book open globe icon
book-open-globe-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- book-open-globe-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- 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.5v5.757a5.5 5.5 0 0 0-1-.657V4.5a.5.5 0 0 0-.5-.5H12a1.5 1.5 0 0 0-1.5 1.5v5.225a5.5 5.5 0 0 0-1 1.48V5.5A1.5 1.5 0 0 0 8 4H3.5a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5H8c.432 0 .822-.183 1.095-.475q.104.543.308 1.045c-.4.271-.883.43-1.403.43H3.5A1.5 1.5 0 0 1 2 15.5v-11A1.5 1.5 0 0 1 3.5 3H8c.818 0 1.544.393 2 1c.456-.607 1.182-1 2-1h4.5A1.5 1.5 0 0 1 18 4.5"/><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-.389-3.221q.096-.24.208-.459A4.5 4.5 0 0 0 10.027 14h1.982c.047-1.234.268-2.36.612-3.221m3.757 0a5 5 0 0 0-.208-.459A4.5 4.5 0 0 1 18.972 14H16.99c-.047-1.234-.267-2.36-.612-3.221M16.99 15h1.982a4.5 4.5 0 0 1-2.802 3.68q.112-.218.208-.459c.345-.862.565-1.987.612-3.221m-2.075 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.027 15a4.5 4.5 0 0 0 2.802 3.68a5 5 0 0 1-.208-.459c-.344-.862-.565-1.987-.612-3.221z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentBookOpenGlobe20Regular(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.5v5.757a5.5 5.5 0 0 0-1-.657V4.5a.5.5 0 0 0-.5-.5H12a1.5 1.5 0 0 0-1.5 1.5v5.225a5.5 5.5 0 0 0-1 1.48V5.5A1.5 1.5 0 0 0 8 4H3.5a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5H8c.432 0 .822-.183 1.095-.475q.104.543.308 1.045c-.4.271-.883.43-1.403.43H3.5A1.5 1.5 0 0 1 2 15.5v-11A1.5 1.5 0 0 1 3.5 3H8c.818 0 1.544.393 2 1c.456-.607 1.182-1 2-1h4.5A1.5 1.5 0 0 1 18 4.5"/><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-.389-3.221q.096-.24.208-.459A4.5 4.5 0 0 0 10.027 14h1.982c.047-1.234.268-2.36.612-3.221m3.757 0a5 5 0 0 0-.208-.459A4.5 4.5 0 0 1 18.972 14H16.99c-.047-1.234-.267-2.36-.612-3.221M16.99 15h1.982a4.5 4.5 0 0 1-2.802 3.68q.112-.218.208-.459c.345-.862.565-1.987.612-3.221m-2.075 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.027 15a4.5 4.5 0 0 0 2.802 3.68a5 5 0 0 1-.208-.459c-.344-.862-.565-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.5v5.757a5.5 5.5 0 0 0-1-.657V4.5a.5.5 0 0 0-.5-.5H12a1.5 1.5 0 0 0-1.5 1.5v5.225a5.5 5.5 0 0 0-1 1.48V5.5A1.5 1.5 0 0 0 8 4H3.5a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5H8c.432 0 .822-.183 1.095-.475q.104.543.308 1.045c-.4.271-.883.43-1.403.43H3.5A1.5 1.5 0 0 1 2 15.5v-11A1.5 1.5 0 0 1 3.5 3H8c.818 0 1.544.393 2 1c.456-.607 1.182-1 2-1h4.5A1.5 1.5 0 0 1 18 4.5"/><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-.389-3.221q.096-.24.208-.459A4.5 4.5 0 0 0 10.027 14h1.982c.047-1.234.268-2.36.612-3.221m3.757 0a5 5 0 0 0-.208-.459A4.5 4.5 0 0 1 18.972 14H16.99c-.047-1.234-.267-2.36-.612-3.221M16.99 15h1.982a4.5 4.5 0 0 1-2.802 3.68q.112-.218.208-.459c.345-.862.565-1.987.612-3.221m-2.075 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.027 15a4.5 4.5 0 0 0 2.802 3.68a5 5 0 0 1-.208-.459c-.344-.862-.565-1.987-.612-3.221z"/></g></svg> </template>
CSS
.icon-book-open-globe-20-regular {
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.5v5.757a5.5%205.5%200%200%200-1-.657V4.5a.5.5%200%200%200-.5-.5H12a1.5%201.5%200%200%200-1.5%201.5v5.225a5.5%205.5%200%200%200-1%201.48V5.5A1.5%201.5%200%200%200%208%204H3.5a.5.5%200%200%200-.5.5v11a.5.5%200%200%200%20.5.5H8c.432%200%20.822-.183%201.095-.475q.104.543.308%201.045c-.4.271-.883.43-1.403.43H3.5A1.5%201.5%200%200%201%202%2015.5v-11A1.5%201.5%200%200%201%203.5%203H8c.818%200%201.544.393%202%201c.456-.607%201.182-1%202-1h4.5A1.5%201.5%200%200%201%2018%204.5%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-.389-3.221q.096-.24.208-.459A4.5%204.5%200%200%200%2010.027%2014h1.982c.047-1.234.268-2.36.612-3.221m3.757%200a5%205%200%200%200-.208-.459A4.5%204.5%200%200%201%2018.972%2014H16.99c-.047-1.234-.267-2.36-.612-3.221M16.99%2015h1.982a4.5%204.5%200%200%201-2.802%203.68q.112-.218.208-.459c.345-.862.565-1.987.612-3.221m-2.075%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.027%2015a4.5%204.5%200%200%200%202.802%203.68a5%205%200%200%201-.208-.459c-.344-.862-.565-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.5v5.757a5.5%205.5%200%200%200-1-.657V4.5a.5.5%200%200%200-.5-.5H12a1.5%201.5%200%200%200-1.5%201.5v5.225a5.5%205.5%200%200%200-1%201.48V5.5A1.5%201.5%200%200%200%208%204H3.5a.5.5%200%200%200-.5.5v11a.5.5%200%200%200%20.5.5H8c.432%200%20.822-.183%201.095-.475q.104.543.308%201.045c-.4.271-.883.43-1.403.43H3.5A1.5%201.5%200%200%201%202%2015.5v-11A1.5%201.5%200%200%201%203.5%203H8c.818%200%201.544.393%202%201c.456-.607%201.182-1%202-1h4.5A1.5%201.5%200%200%201%2018%204.5%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-.389-3.221q.096-.24.208-.459A4.5%204.5%200%200%200%2010.027%2014h1.982c.047-1.234.268-2.36.612-3.221m3.757%200a5%205%200%200%200-.208-.459A4.5%204.5%200%200%201%2018.972%2014H16.99c-.047-1.234-.267-2.36-.612-3.221M16.99%2015h1.982a4.5%204.5%200%200%201-2.802%203.68q.112-.218.208-.459c.345-.862.565-1.987.612-3.221m-2.075%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.027%2015a4.5%204.5%200%200%200%202.802%203.68a5%205%200%200%201-.208-.459c-.344-.862-.565-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-regular.svg?color=%231a73e8&size=48
