world icon
world-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- world-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Related icons in MingCute Icon
Use the world icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.572 15.335C3.946 19.218 7.647 22 12 22s8.055-2.782 9.429-6.665A17.9 17.9 0 0 1 12 18c-3.457 0-6.686-.976-9.428-2.665m.306-7.429a9.96 9.96 0 0 0-.865 4.593A15.93 15.93 0 0 0 12 16c3.779 0 7.25-1.31 9.988-3.501Q22 12.251 22 12a10 10 0 0 0-.877-4.094A14.93 14.93 0 0 1 12 11a14.93 14.93 0 0 1-9.122-3.094M12 2a9.98 9.98 0 0 0-8.111 4.154A12.94 12.94 0 0 0 12 9a12.94 12.94 0 0 0 8.112-2.846A9.99 9.99 0 0 0 12 2"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteWorldFill(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="M2.572 15.335C3.946 19.218 7.647 22 12 22s8.055-2.782 9.429-6.665A17.9 17.9 0 0 1 12 18c-3.457 0-6.686-.976-9.428-2.665m.306-7.429a9.96 9.96 0 0 0-.865 4.593A15.93 15.93 0 0 0 12 16c3.779 0 7.25-1.31 9.988-3.501Q22 12.251 22 12a10 10 0 0 0-.877-4.094A14.93 14.93 0 0 1 12 11a14.93 14.93 0 0 1-9.122-3.094M12 2a9.98 9.98 0 0 0-8.111 4.154A12.94 12.94 0 0 0 12 9a12.94 12.94 0 0 0 8.112-2.846A9.99 9.99 0 0 0 12 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.572 15.335C3.946 19.218 7.647 22 12 22s8.055-2.782 9.429-6.665A17.9 17.9 0 0 1 12 18c-3.457 0-6.686-.976-9.428-2.665m.306-7.429a9.96 9.96 0 0 0-.865 4.593A15.93 15.93 0 0 0 12 16c3.779 0 7.25-1.31 9.988-3.501Q22 12.251 22 12a10 10 0 0 0-.877-4.094A14.93 14.93 0 0 1 12 11a14.93 14.93 0 0 1-9.122-3.094M12 2a9.98 9.98 0 0 0-8.111 4.154A12.94 12.94 0 0 0 12 9a12.94 12.94 0 0 0 8.112-2.846A9.99 9.99 0 0 0 12 2"/></svg> </template>
CSS
.icon-world-fill {
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%22M2.572%2015.335C3.946%2019.218%207.647%2022%2012%2022s8.055-2.782%209.429-6.665A17.9%2017.9%200%200%201%2012%2018c-3.457%200-6.686-.976-9.428-2.665m.306-7.429a9.96%209.96%200%200%200-.865%204.593A15.93%2015.93%200%200%200%2012%2016c3.779%200%207.25-1.31%209.988-3.501Q22%2012.251%2022%2012a10%2010%200%200%200-.877-4.094A14.93%2014.93%200%200%201%2012%2011a14.93%2014.93%200%200%201-9.122-3.094M12%202a9.98%209.98%200%200%200-8.111%204.154A12.94%2012.94%200%200%200%2012%209a12.94%2012.94%200%200%200%208.112-2.846A9.99%209.99%200%200%200%2012%202%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%22M2.572%2015.335C3.946%2019.218%207.647%2022%2012%2022s8.055-2.782%209.429-6.665A17.9%2017.9%200%200%201%2012%2018c-3.457%200-6.686-.976-9.428-2.665m.306-7.429a9.96%209.96%200%200%200-.865%204.593A15.93%2015.93%200%200%200%2012%2016c3.779%200%207.25-1.31%209.988-3.501Q22%2012.251%2022%2012a10%2010%200%200%200-.877-4.094A14.93%2014.93%200%200%201%2012%2011a14.93%2014.93%200%200%201-9.122-3.094M12%202a9.98%209.98%200%200%200-8.111%204.154A12.94%2012.94%200%200%200%2012%209a12.94%2012.94%200%200%200%208.112-2.846A9.99%209.99%200%200%200%2012%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/world-fill.svg?color=%231a73e8&size=48
