magnet wave icon
magnet-wave-broken from Solar by 480 Design · Broken · UI · CC-BY-4.0 Attribution required.
- Name
- magnet-wave-broken
- Set
- Solar
- Style
- Broken
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the magnet wave 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 stroke-linejoin="round" d="M14.4444 3H16.5C17.3284 3 18 3.67157 18 4.5V6C18 6.82843 17.3284 7.5 16.5 7.5H14.4444M14.4444 3H11C9.51236 3 8.10903 3.36093 6.87279 4M14.4444 3V7.5M14.4444 7.5H10.9444C8.45916 7.5 6.44444 9.51472 6.44444 12C6.44444 13.1525 6.87772 14.2039 7.59028 15M14.4444 16.5H16.5C17.3284 16.5 18 17.1716 18 18V19.5C18 20.3284 17.3284 21 16.5 21H14.4444M14.4444 16.5H10.9444M14.4444 16.5V21M14.4444 21H11C6.02944 21 2 16.9706 2 12C2 10.1499 2.55827 8.4301 3.51555 7"/><path d="M21.5 6C21.5 6 23 7.8 23 12C23 16.2 21.5 18 21.5 18"/><path d="M19.5 9C19.5 9 20 9.9 20 12C20 14.1 19.5 15 19.5 15"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMagnetWaveBroken(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 strokeLinejoin="round" d="M14.4444 3H16.5C17.3284 3 18 3.67157 18 4.5V6C18 6.82843 17.3284 7.5 16.5 7.5H14.4444M14.4444 3H11C9.51236 3 8.10903 3.36093 6.87279 4M14.4444 3V7.5M14.4444 7.5H10.9444C8.45916 7.5 6.44444 9.51472 6.44444 12C6.44444 13.1525 6.87772 14.2039 7.59028 15M14.4444 16.5H16.5C17.3284 16.5 18 17.1716 18 18V19.5C18 20.3284 17.3284 21 16.5 21H14.4444M14.4444 16.5H10.9444M14.4444 16.5V21M14.4444 21H11C6.02944 21 2 16.9706 2 12C2 10.1499 2.55827 8.4301 3.51555 7"/><path d="M21.5 6C21.5 6 23 7.8 23 12C23 16.2 21.5 18 21.5 18"/><path d="M19.5 9C19.5 9 20 9.9 20 12C20 14.1 19.5 15 19.5 15"/></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 stroke-linejoin="round" d="M14.4444 3H16.5C17.3284 3 18 3.67157 18 4.5V6C18 6.82843 17.3284 7.5 16.5 7.5H14.4444M14.4444 3H11C9.51236 3 8.10903 3.36093 6.87279 4M14.4444 3V7.5M14.4444 7.5H10.9444C8.45916 7.5 6.44444 9.51472 6.44444 12C6.44444 13.1525 6.87772 14.2039 7.59028 15M14.4444 16.5H16.5C17.3284 16.5 18 17.1716 18 18V19.5C18 20.3284 17.3284 21 16.5 21H14.4444M14.4444 16.5H10.9444M14.4444 16.5V21M14.4444 21H11C6.02944 21 2 16.9706 2 12C2 10.1499 2.55827 8.4301 3.51555 7"/><path d="M21.5 6C21.5 6 23 7.8 23 12C23 16.2 21.5 18 21.5 18"/><path d="M19.5 9C19.5 9 20 9.9 20 12C20 14.1 19.5 15 19.5 15"/></g></svg> </template>
CSS
.icon-magnet-wave-broken {
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%20stroke-linejoin%3D%22round%22%20d%3D%22M14.4444%203H16.5C17.3284%203%2018%203.67157%2018%204.5V6C18%206.82843%2017.3284%207.5%2016.5%207.5H14.4444M14.4444%203H11C9.51236%203%208.10903%203.36093%206.87279%204M14.4444%203V7.5M14.4444%207.5H10.9444C8.45916%207.5%206.44444%209.51472%206.44444%2012C6.44444%2013.1525%206.87772%2014.2039%207.59028%2015M14.4444%2016.5H16.5C17.3284%2016.5%2018%2017.1716%2018%2018V19.5C18%2020.3284%2017.3284%2021%2016.5%2021H14.4444M14.4444%2016.5H10.9444M14.4444%2016.5V21M14.4444%2021H11C6.02944%2021%202%2016.9706%202%2012C2%2010.1499%202.55827%208.4301%203.51555%207%22%2F%3E%3Cpath%20d%3D%22M21.5%206C21.5%206%2023%207.8%2023%2012C23%2016.2%2021.5%2018%2021.5%2018%22%2F%3E%3Cpath%20d%3D%22M19.5%209C19.5%209%2020%209.9%2020%2012C20%2014.1%2019.5%2015%2019.5%2015%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%20stroke-linejoin%3D%22round%22%20d%3D%22M14.4444%203H16.5C17.3284%203%2018%203.67157%2018%204.5V6C18%206.82843%2017.3284%207.5%2016.5%207.5H14.4444M14.4444%203H11C9.51236%203%208.10903%203.36093%206.87279%204M14.4444%203V7.5M14.4444%207.5H10.9444C8.45916%207.5%206.44444%209.51472%206.44444%2012C6.44444%2013.1525%206.87772%2014.2039%207.59028%2015M14.4444%2016.5H16.5C17.3284%2016.5%2018%2017.1716%2018%2018V19.5C18%2020.3284%2017.3284%2021%2016.5%2021H14.4444M14.4444%2016.5H10.9444M14.4444%2016.5V21M14.4444%2021H11C6.02944%2021%202%2016.9706%202%2012C2%2010.1499%202.55827%208.4301%203.51555%207%22%2F%3E%3Cpath%20d%3D%22M21.5%206C21.5%206%2023%207.8%2023%2012C23%2016.2%2021.5%2018%2021.5%2018%22%2F%3E%3Cpath%20d%3D%22M19.5%209C19.5%209%2020%209.9%2020%2012C20%2014.1%2019.5%2015%2019.5%2015%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/magnet-wave-broken.svg?color=%231a73e8&size=48
