radar 2 icon
radar-2-line-duotone from Solar by 480 Design · Line Duotone · Map · CC-BY-4.0 Attribution required.
- Name
- radar-2-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Map
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More map icons from Solar
branching-paths-down-boldbranching-paths-up-boldcompass-big-boldcompass-boldcompass-square-boldglobal-boldglobe-boldgps-boldmap-arrow-down-boldmap-arrow-left-boldmap-arrow-right-boldmap-arrow-square-boldmap-arrow-up-boldmap-boldmap-point-add-boldmap-point-boldmap-point-favorite-boldmap-point-hospital-boldmap-point-remove-boldmap-point-rotate-boldmap-point-school-boldmap-point-search-boldmap-point-wave-boldpeople-nearby-bold
Use the radar 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M12 11.9996L5.00197 6.33546C4.57285 5.98813 3.93869 6.05182 3.63599 6.5135C3.06678 7.38163 2.62413 8.35389 2.34078 9.41136C0.911364 14.746 4.07719 20.2294 9.41185 21.6588C14.7465 23.0882 20.2299 19.9224 21.6593 14.5877C23.0887 9.25308 19.9229 3.76971 14.5882 2.34029C11.9556 1.63489 9.28684 2.04857 7.0869 3.28972"/><path d="M7.36914 8.18461C6.51379 9.2216 6 10.5508 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C11.337 6 10.6991 6.10754 10.1028 6.30613" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarRadar2LineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M12 11.9996L5.00197 6.33546C4.57285 5.98813 3.93869 6.05182 3.63599 6.5135C3.06678 7.38163 2.62413 8.35389 2.34078 9.41136C0.911364 14.746 4.07719 20.2294 9.41185 21.6588C14.7465 23.0882 20.2299 19.9224 21.6593 14.5877C23.0887 9.25308 19.9229 3.76971 14.5882 2.34029C11.9556 1.63489 9.28684 2.04857 7.0869 3.28972"/><path d="M7.36914 8.18461C6.51379 9.2216 6 10.5508 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C11.337 6 10.6991 6.10754 10.1028 6.30613" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M12 11.9996L5.00197 6.33546C4.57285 5.98813 3.93869 6.05182 3.63599 6.5135C3.06678 7.38163 2.62413 8.35389 2.34078 9.41136C0.911364 14.746 4.07719 20.2294 9.41185 21.6588C14.7465 23.0882 20.2299 19.9224 21.6593 14.5877C23.0887 9.25308 19.9229 3.76971 14.5882 2.34029C11.9556 1.63489 9.28684 2.04857 7.0869 3.28972"/><path d="M7.36914 8.18461C6.51379 9.2216 6 10.5508 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C11.337 6 10.6991 6.10754 10.1028 6.30613" opacity=".5"/></g></svg> </template>
CSS
.icon-radar-2-line-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%2011.9996L5.00197%206.33546C4.57285%205.98813%203.93869%206.05182%203.63599%206.5135C3.06678%207.38163%202.62413%208.35389%202.34078%209.41136C0.911364%2014.746%204.07719%2020.2294%209.41185%2021.6588C14.7465%2023.0882%2020.2299%2019.9224%2021.6593%2014.5877C23.0887%209.25308%2019.9229%203.76971%2014.5882%202.34029C11.9556%201.63489%209.28684%202.04857%207.0869%203.28972%22%2F%3E%3Cpath%20d%3D%22M7.36914%208.18461C6.51379%209.2216%206%2010.5508%206%2012C6%2015.3137%208.68629%2018%2012%2018C15.3137%2018%2018%2015.3137%2018%2012C18%208.68629%2015.3137%206%2012%206C11.337%206%2010.6991%206.10754%2010.1028%206.30613%22%20opacity%3D%22.5%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%2011.9996L5.00197%206.33546C4.57285%205.98813%203.93869%206.05182%203.63599%206.5135C3.06678%207.38163%202.62413%208.35389%202.34078%209.41136C0.911364%2014.746%204.07719%2020.2294%209.41185%2021.6588C14.7465%2023.0882%2020.2299%2019.9224%2021.6593%2014.5877C23.0887%209.25308%2019.9229%203.76971%2014.5882%202.34029C11.9556%201.63489%209.28684%202.04857%207.0869%203.28972%22%2F%3E%3Cpath%20d%3D%22M7.36914%208.18461C6.51379%209.2216%206%2010.5508%206%2012C6%2015.3137%208.68629%2018%2012%2018C15.3137%2018%2018%2015.3137%2018%2012C18%208.68629%2015.3137%206%2012%206C11.337%206%2010.6991%206.10754%2010.1028%206.30613%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/radar-2-line-duotone.svg?color=%231a73e8&size=48