satellite 03 icon
satellite-03 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- satellite-03
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the satellite 03 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-width="1.5"><path d="M12.536 6.11a3.787 3.787 0 0 1 5.355 5.354l-2.142 2.143c-.86.86-1.291 1.29-1.812 1.373a1.6 1.6 0 0 1-.508 0c-.52-.082-.95-.513-1.812-1.373l-1.224-1.224c-.86-.861-1.29-1.291-1.373-1.812a1.6 1.6 0 0 1 0-.508c.082-.52.513-.951 1.373-1.812z"/><path stroke-linecap="round" stroke-linejoin="round" d="M6.848 14c.12 1.57 1.57 3.008 3.152 3.13m-6.994-1.892c-.154 3.028 2.748 5.904 5.798 5.757"/><path d="m12.53 5.53l-1.596-1.663C10.356 3.29 10.066 3 9.707 3s-.648.29-1.226.867l-.614.614C7.29 5.059 7 5.348 7 5.707c0 .36.29.648.867 1.227l1.451 1.45m9.103 2.971l1.712 1.711c.578.579.867.868.867 1.227s-.29.648-.867 1.226l-.614.614c-.578.578-.867.867-1.226.867c-.36 0-.648-.29-1.227-.867l-1.555-1.555"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSatellite03(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" strokeWidth="1.5"><path d="M12.536 6.11a3.787 3.787 0 0 1 5.355 5.354l-2.142 2.143c-.86.86-1.291 1.29-1.812 1.373a1.6 1.6 0 0 1-.508 0c-.52-.082-.95-.513-1.812-1.373l-1.224-1.224c-.86-.861-1.29-1.291-1.373-1.812a1.6 1.6 0 0 1 0-.508c.082-.52.513-.951 1.373-1.812z"/><path strokeLinecap="round" strokeLinejoin="round" d="M6.848 14c.12 1.57 1.57 3.008 3.152 3.13m-6.994-1.892c-.154 3.028 2.748 5.904 5.798 5.757"/><path d="m12.53 5.53l-1.596-1.663C10.356 3.29 10.066 3 9.707 3s-.648.29-1.226.867l-.614.614C7.29 5.059 7 5.348 7 5.707c0 .36.29.648.867 1.227l1.451 1.45m9.103 2.971l1.712 1.711c.578.579.867.868.867 1.227s-.29.648-.867 1.226l-.614.614c-.578.578-.867.867-1.226.867c-.36 0-.648-.29-1.227-.867l-1.555-1.555"/></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-width="1.5"><path d="M12.536 6.11a3.787 3.787 0 0 1 5.355 5.354l-2.142 2.143c-.86.86-1.291 1.29-1.812 1.373a1.6 1.6 0 0 1-.508 0c-.52-.082-.95-.513-1.812-1.373l-1.224-1.224c-.86-.861-1.29-1.291-1.373-1.812a1.6 1.6 0 0 1 0-.508c.082-.52.513-.951 1.373-1.812z"/><path stroke-linecap="round" stroke-linejoin="round" d="M6.848 14c.12 1.57 1.57 3.008 3.152 3.13m-6.994-1.892c-.154 3.028 2.748 5.904 5.798 5.757"/><path d="m12.53 5.53l-1.596-1.663C10.356 3.29 10.066 3 9.707 3s-.648.29-1.226.867l-.614.614C7.29 5.059 7 5.348 7 5.707c0 .36.29.648.867 1.227l1.451 1.45m9.103 2.971l1.712 1.711c.578.579.867.868.867 1.227s-.29.648-.867 1.226l-.614.614c-.578.578-.867.867-1.226.867c-.36 0-.648-.29-1.227-.867l-1.555-1.555"/></g></svg> </template>
CSS
.icon-satellite-03 {
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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12.536%206.11a3.787%203.787%200%200%201%205.355%205.354l-2.142%202.143c-.86.86-1.291%201.29-1.812%201.373a1.6%201.6%200%200%201-.508%200c-.52-.082-.95-.513-1.812-1.373l-1.224-1.224c-.86-.861-1.29-1.291-1.373-1.812a1.6%201.6%200%200%201%200-.508c.082-.52.513-.951%201.373-1.812z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.848%2014c.12%201.57%201.57%203.008%203.152%203.13m-6.994-1.892c-.154%203.028%202.748%205.904%205.798%205.757%22%2F%3E%3Cpath%20d%3D%22m12.53%205.53l-1.596-1.663C10.356%203.29%2010.066%203%209.707%203s-.648.29-1.226.867l-.614.614C7.29%205.059%207%205.348%207%205.707c0%20.36.29.648.867%201.227l1.451%201.45m9.103%202.971l1.712%201.711c.578.579.867.868.867%201.227s-.29.648-.867%201.226l-.614.614c-.578.578-.867.867-1.226.867c-.36%200-.648-.29-1.227-.867l-1.555-1.555%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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12.536%206.11a3.787%203.787%200%200%201%205.355%205.354l-2.142%202.143c-.86.86-1.291%201.29-1.812%201.373a1.6%201.6%200%200%201-.508%200c-.52-.082-.95-.513-1.812-1.373l-1.224-1.224c-.86-.861-1.29-1.291-1.373-1.812a1.6%201.6%200%200%201%200-.508c.082-.52.513-.951%201.373-1.812z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.848%2014c.12%201.57%201.57%203.008%203.152%203.13m-6.994-1.892c-.154%203.028%202.748%205.904%205.798%205.757%22%2F%3E%3Cpath%20d%3D%22m12.53%205.53l-1.596-1.663C10.356%203.29%2010.066%203%209.707%203s-.648.29-1.226.867l-.614.614C7.29%205.059%207%205.348%207%205.707c0%20.36.29.648.867%201.227l1.451%201.45m9.103%202.971l1.712%201.711c.578.579.867.868.867%201.227s-.29.648-.867%201.226l-.614.614c-.578.578-.867.867-1.226.867c-.36%200-.648-.29-1.227-.867l-1.555-1.555%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/satellite-03.svg?color=%231a73e8&size=48
