round maps ugc icon
round-maps-ugc from Google Material Icons by Material Design Authors · Baseline · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- round-maps-ugc
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
More maps icons from Google Material Icons
baseline-360baseline-add-businessbaseline-add-locationbaseline-add-location-altbaseline-add-roadbaseline-agriculturebaseline-airline-stopsbaseline-airlinesbaseline-alt-routebaseline-atmbaseline-attractionsbaseline-badgebaseline-bakery-diningbaseline-beenherebaseline-bike-scooterbaseline-breakfast-diningbaseline-brunch-diningbaseline-bus-alertbaseline-car-crashbaseline-car-rentalbaseline-car-repairbaseline-castlebaseline-categorybaseline-celebration
Use the round maps ugc icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 4c4.97 0 8.9 4.56 7.82 9.72c-.68 3.23-3.4 5.74-6.67 6.2c-1.59.22-3.14-.01-4.58-.7c-.27-.13-.56-.19-.86-.19c-.19 0-.38.03-.56.08l-2.31.68a.51.51 0 0 1-.63-.63l.7-2.39c.13-.45.07-.92-.14-1.35A8 8 0 0 1 4 12c0-4.41 3.59-8 8-8m0-2C6.48 2 2 6.48 2 12c0 1.54.36 2.98.97 4.29l-1.46 4.96c-.22.75.49 1.46 1.25 1.23l4.96-1.46c1.66.79 3.56 1.15 5.58.89c4.56-.59 8.21-4.35 8.66-8.92C22.53 7.03 17.85 2 12 2"/><path fill="currentColor" fill-rule="evenodd" d="M12 8c-.55 0-1 .45-1 1v2H9c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1h-2V9c0-.55-.45-1-1-1"/></svg>
React
import type { SVGProps } from "react";
export function IcRoundMapsUgc(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="M12 4c4.97 0 8.9 4.56 7.82 9.72c-.68 3.23-3.4 5.74-6.67 6.2c-1.59.22-3.14-.01-4.58-.7c-.27-.13-.56-.19-.86-.19c-.19 0-.38.03-.56.08l-2.31.68a.51.51 0 0 1-.63-.63l.7-2.39c.13-.45.07-.92-.14-1.35A8 8 0 0 1 4 12c0-4.41 3.59-8 8-8m0-2C6.48 2 2 6.48 2 12c0 1.54.36 2.98.97 4.29l-1.46 4.96c-.22.75.49 1.46 1.25 1.23l4.96-1.46c1.66.79 3.56 1.15 5.58.89c4.56-.59 8.21-4.35 8.66-8.92C22.53 7.03 17.85 2 12 2"/><path fill="currentColor" fillRule="evenodd" d="M12 8c-.55 0-1 .45-1 1v2H9c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1h-2V9c0-.55-.45-1-1-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 4c4.97 0 8.9 4.56 7.82 9.72c-.68 3.23-3.4 5.74-6.67 6.2c-1.59.22-3.14-.01-4.58-.7c-.27-.13-.56-.19-.86-.19c-.19 0-.38.03-.56.08l-2.31.68a.51.51 0 0 1-.63-.63l.7-2.39c.13-.45.07-.92-.14-1.35A8 8 0 0 1 4 12c0-4.41 3.59-8 8-8m0-2C6.48 2 2 6.48 2 12c0 1.54.36 2.98.97 4.29l-1.46 4.96c-.22.75.49 1.46 1.25 1.23l4.96-1.46c1.66.79 3.56 1.15 5.58.89c4.56-.59 8.21-4.35 8.66-8.92C22.53 7.03 17.85 2 12 2"/><path fill="currentColor" fill-rule="evenodd" d="M12 8c-.55 0-1 .45-1 1v2H9c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1h-2V9c0-.55-.45-1-1-1"/></svg> </template>
CSS
.icon-round-maps-ugc {
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%22M12%204c4.97%200%208.9%204.56%207.82%209.72c-.68%203.23-3.4%205.74-6.67%206.2c-1.59.22-3.14-.01-4.58-.7c-.27-.13-.56-.19-.86-.19c-.19%200-.38.03-.56.08l-2.31.68a.51.51%200%200%201-.63-.63l.7-2.39c.13-.45.07-.92-.14-1.35A8%208%200%200%201%204%2012c0-4.41%203.59-8%208-8m0-2C6.48%202%202%206.48%202%2012c0%201.54.36%202.98.97%204.29l-1.46%204.96c-.22.75.49%201.46%201.25%201.23l4.96-1.46c1.66.79%203.56%201.15%205.58.89c4.56-.59%208.21-4.35%208.66-8.92C22.53%207.03%2017.85%202%2012%202%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%208c-.55%200-1%20.45-1%201v2H9c-.55%200-1%20.45-1%201s.45%201%201%201h2v2c0%20.55.45%201%201%201s1-.45%201-1v-2h2c.55%200%201-.45%201-1s-.45-1-1-1h-2V9c0-.55-.45-1-1-1%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%22M12%204c4.97%200%208.9%204.56%207.82%209.72c-.68%203.23-3.4%205.74-6.67%206.2c-1.59.22-3.14-.01-4.58-.7c-.27-.13-.56-.19-.86-.19c-.19%200-.38.03-.56.08l-2.31.68a.51.51%200%200%201-.63-.63l.7-2.39c.13-.45.07-.92-.14-1.35A8%208%200%200%201%204%2012c0-4.41%203.59-8%208-8m0-2C6.48%202%202%206.48%202%2012c0%201.54.36%202.98.97%204.29l-1.46%204.96c-.22.75.49%201.46%201.25%201.23l4.96-1.46c1.66.79%203.56%201.15%205.58.89c4.56-.59%208.21-4.35%208.66-8.92C22.53%207.03%2017.85%202%2012%202%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%208c-.55%200-1%20.45-1%201v2H9c-.55%200-1%20.45-1%201s.45%201%201%201h2v2c0%20.55.45%201%201%201s1-.45%201-1v-2h2c.55%200%201-.45%201-1s-.45-1-1-1h-2V9c0-.55-.45-1-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/round-maps-ugc.svg?color=%231a73e8&size=48
