physics icon

physics from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name: physics
Set: Huge Icons
Style: Stroke
Viewbox: 24×24
License: MIT

Use the physics 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 stroke-linecap="round" d="M12 5.793a28 28 0 0 1 3.342 2.865A28 28 0 0 1 18.207 12m0 0c2.584-3.57 3.554-6.947 2.147-8.354S15.57 3.209 12 5.793a28 28 0 0 0-3.342 2.865A28 28 0 0 0 5.793 12m12.414 0c2.584 3.57 3.554 6.947 2.147 8.354c-1.043 1.043-3.17.78-5.654-.48M18.207 12a28 28 0 0 1-2.865 3.342A28 28 0 0 1 12 18.207m0 0a28 28 0 0 1-3.342-2.865A28 28 0 0 1 5.793 12M12 18.207c-3.57 2.584-6.947 3.554-8.354 2.147S3.209 15.57 5.793 12m0 0C3.21 8.43 2.24 5.053 3.646 3.646c1.043-1.043 3.17-.78 5.654.48"/><circle cx="12" cy="12" r="2"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsPhysics(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 strokeLinecap="round" d="M12 5.793a28 28 0 0 1 3.342 2.865A28 28 0 0 1 18.207 12m0 0c2.584-3.57 3.554-6.947 2.147-8.354S15.57 3.209 12 5.793a28 28 0 0 0-3.342 2.865A28 28 0 0 0 5.793 12m12.414 0c2.584 3.57 3.554 6.947 2.147 8.354c-1.043 1.043-3.17.78-5.654-.48M18.207 12a28 28 0 0 1-2.865 3.342A28 28 0 0 1 12 18.207m0 0a28 28 0 0 1-3.342-2.865A28 28 0 0 1 5.793 12M12 18.207c-3.57 2.584-6.947 3.554-8.354 2.147S3.209 15.57 5.793 12m0 0C3.21 8.43 2.24 5.053 3.646 3.646c1.043-1.043 3.17-.78 5.654.48"/><circle cx="12" cy="12" r="2"/></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 stroke-linecap="round" d="M12 5.793a28 28 0 0 1 3.342 2.865A28 28 0 0 1 18.207 12m0 0c2.584-3.57 3.554-6.947 2.147-8.354S15.57 3.209 12 5.793a28 28 0 0 0-3.342 2.865A28 28 0 0 0 5.793 12m12.414 0c2.584 3.57 3.554 6.947 2.147 8.354c-1.043 1.043-3.17.78-5.654-.48M18.207 12a28 28 0 0 1-2.865 3.342A28 28 0 0 1 12 18.207m0 0a28 28 0 0 1-3.342-2.865A28 28 0 0 1 5.793 12M12 18.207c-3.57 2.584-6.947 3.554-8.354 2.147S3.209 15.57 5.793 12m0 0C3.21 8.43 2.24 5.053 3.646 3.646c1.043-1.043 3.17-.78 5.654.48"/><circle cx="12" cy="12" r="2"/></g></svg>
</template>

CSS

.icon-physics {
  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%20stroke-linecap%3D%22round%22%20d%3D%22M12%205.793a28%2028%200%200%201%203.342%202.865A28%2028%200%200%201%2018.207%2012m0%200c2.584-3.57%203.554-6.947%202.147-8.354S15.57%203.209%2012%205.793a28%2028%200%200%200-3.342%202.865A28%2028%200%200%200%205.793%2012m12.414%200c2.584%203.57%203.554%206.947%202.147%208.354c-1.043%201.043-3.17.78-5.654-.48M18.207%2012a28%2028%200%200%201-2.865%203.342A28%2028%200%200%201%2012%2018.207m0%200a28%2028%200%200%201-3.342-2.865A28%2028%200%200%201%205.793%2012M12%2018.207c-3.57%202.584-6.947%203.554-8.354%202.147S3.209%2015.57%205.793%2012m0%200C3.21%208.43%202.24%205.053%203.646%203.646c1.043-1.043%203.17-.78%205.654.48%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%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%20stroke-linecap%3D%22round%22%20d%3D%22M12%205.793a28%2028%200%200%201%203.342%202.865A28%2028%200%200%201%2018.207%2012m0%200c2.584-3.57%203.554-6.947%202.147-8.354S15.57%203.209%2012%205.793a28%2028%200%200%200-3.342%202.865A28%2028%200%200%200%205.793%2012m12.414%200c2.584%203.57%203.554%206.947%202.147%208.354c-1.043%201.043-3.17.78-5.654-.48M18.207%2012a28%2028%200%200%201-2.865%203.342A28%2028%200%200%201%2012%2018.207m0%200a28%2028%200%200%201-3.342-2.865A28%2028%200%200%201%205.793%2012M12%2018.207c-3.57%202.584-6.947%203.554-8.354%202.147S3.209%2015.57%205.793%2012m0%200C3.21%208.43%202.24%205.053%203.646%203.646c1.043-1.043%203.17-.78%205.654.48%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%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/physics.svg?color=%231a73e8&size=48