magnet icon
magnet-outline from Solar by 480 Design · Outline · UI · CC-BY-4.0 Attribution required.
- Name
- magnet-outline
- Set
- Solar
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
magnetBootstrap IconsmagnetBoxIcons v2magnetBoxIcons v2 SolidmagnetCodiconsmagnetElement PlusmagnetFont Awesome 6 SolidmagnetFont Awesome SolidmagnetFluent EmojimagnetFluent Emoji FlatmagnetFluent Emoji High Contrastmagnetcss.ggmagnetHuge IconsmagnetIconParkmagnetIconPark OutlinemagnetIconPark SolidmagnetIconPark TwoTonemagnetIconoirmagnetIonIconsmagnetJam IconsmagnetLine AwesomemagnetLucidemagnetMaterial Design Iconsmagnet-fillMingCute IconmagnetMyna UI Icons
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 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13 2.75C7.89137 2.75 3.75 6.89137 3.75 12C3.75 17.1086 7.89137 21.25 13 21.25H16.25V17.75H13C9.82436 17.75 7.25 15.1756 7.25 12C7.25 8.82436 9.82436 6.25 13 6.25H16.25V2.75H13ZM17.75 2.75V6.25H19.5C19.9142 6.25 20.25 5.91421 20.25 5.5V3.5C20.25 3.08579 19.9142 2.75 19.5 2.75H17.75ZM17.75 17.75V21.25H19.5C19.9142 21.25 20.25 20.9142 20.25 20.5V18.5C20.25 18.0858 19.9142 17.75 19.5 17.75H17.75ZM2.25 12C2.25 6.06294 7.06294 1.25 13 1.25H19.5C20.7426 1.25 21.75 2.25736 21.75 3.5V5.5C21.75 6.74264 20.7426 7.75 19.5 7.75H13C10.6528 7.75 8.75 9.65279 8.75 12C8.75 14.3472 10.6528 16.25 13 16.25H19.5C20.7426 16.25 21.75 17.2574 21.75 18.5V20.5C21.75 21.7426 20.7426 22.75 19.5 22.75H13C7.06294 22.75 2.25 17.9371 2.25 12Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarMagnetOutline(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" fillRule="evenodd" d="M13 2.75C7.89137 2.75 3.75 6.89137 3.75 12C3.75 17.1086 7.89137 21.25 13 21.25H16.25V17.75H13C9.82436 17.75 7.25 15.1756 7.25 12C7.25 8.82436 9.82436 6.25 13 6.25H16.25V2.75H13ZM17.75 2.75V6.25H19.5C19.9142 6.25 20.25 5.91421 20.25 5.5V3.5C20.25 3.08579 19.9142 2.75 19.5 2.75H17.75ZM17.75 17.75V21.25H19.5C19.9142 21.25 20.25 20.9142 20.25 20.5V18.5C20.25 18.0858 19.9142 17.75 19.5 17.75H17.75ZM2.25 12C2.25 6.06294 7.06294 1.25 13 1.25H19.5C20.7426 1.25 21.75 2.25736 21.75 3.5V5.5C21.75 6.74264 20.7426 7.75 19.5 7.75H13C10.6528 7.75 8.75 9.65279 8.75 12C8.75 14.3472 10.6528 16.25 13 16.25H19.5C20.7426 16.25 21.75 17.2574 21.75 18.5V20.5C21.75 21.7426 20.7426 22.75 19.5 22.75H13C7.06294 22.75 2.25 17.9371 2.25 12Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13 2.75C7.89137 2.75 3.75 6.89137 3.75 12C3.75 17.1086 7.89137 21.25 13 21.25H16.25V17.75H13C9.82436 17.75 7.25 15.1756 7.25 12C7.25 8.82436 9.82436 6.25 13 6.25H16.25V2.75H13ZM17.75 2.75V6.25H19.5C19.9142 6.25 20.25 5.91421 20.25 5.5V3.5C20.25 3.08579 19.9142 2.75 19.5 2.75H17.75ZM17.75 17.75V21.25H19.5C19.9142 21.25 20.25 20.9142 20.25 20.5V18.5C20.25 18.0858 19.9142 17.75 19.5 17.75H17.75ZM2.25 12C2.25 6.06294 7.06294 1.25 13 1.25H19.5C20.7426 1.25 21.75 2.25736 21.75 3.5V5.5C21.75 6.74264 20.7426 7.75 19.5 7.75H13C10.6528 7.75 8.75 9.65279 8.75 12C8.75 14.3472 10.6528 16.25 13 16.25H19.5C20.7426 16.25 21.75 17.2574 21.75 18.5V20.5C21.75 21.7426 20.7426 22.75 19.5 22.75H13C7.06294 22.75 2.25 17.9371 2.25 12Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-magnet-outline {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M13%202.75C7.89137%202.75%203.75%206.89137%203.75%2012C3.75%2017.1086%207.89137%2021.25%2013%2021.25H16.25V17.75H13C9.82436%2017.75%207.25%2015.1756%207.25%2012C7.25%208.82436%209.82436%206.25%2013%206.25H16.25V2.75H13ZM17.75%202.75V6.25H19.5C19.9142%206.25%2020.25%205.91421%2020.25%205.5V3.5C20.25%203.08579%2019.9142%202.75%2019.5%202.75H17.75ZM17.75%2017.75V21.25H19.5C19.9142%2021.25%2020.25%2020.9142%2020.25%2020.5V18.5C20.25%2018.0858%2019.9142%2017.75%2019.5%2017.75H17.75ZM2.25%2012C2.25%206.06294%207.06294%201.25%2013%201.25H19.5C20.7426%201.25%2021.75%202.25736%2021.75%203.5V5.5C21.75%206.74264%2020.7426%207.75%2019.5%207.75H13C10.6528%207.75%208.75%209.65279%208.75%2012C8.75%2014.3472%2010.6528%2016.25%2013%2016.25H19.5C20.7426%2016.25%2021.75%2017.2574%2021.75%2018.5V20.5C21.75%2021.7426%2020.7426%2022.75%2019.5%2022.75H13C7.06294%2022.75%202.25%2017.9371%202.25%2012Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M13%202.75C7.89137%202.75%203.75%206.89137%203.75%2012C3.75%2017.1086%207.89137%2021.25%2013%2021.25H16.25V17.75H13C9.82436%2017.75%207.25%2015.1756%207.25%2012C7.25%208.82436%209.82436%206.25%2013%206.25H16.25V2.75H13ZM17.75%202.75V6.25H19.5C19.9142%206.25%2020.25%205.91421%2020.25%205.5V3.5C20.25%203.08579%2019.9142%202.75%2019.5%202.75H17.75ZM17.75%2017.75V21.25H19.5C19.9142%2021.25%2020.25%2020.9142%2020.25%2020.5V18.5C20.25%2018.0858%2019.9142%2017.75%2019.5%2017.75H17.75ZM2.25%2012C2.25%206.06294%207.06294%201.25%2013%201.25H19.5C20.7426%201.25%2021.75%202.25736%2021.75%203.5V5.5C21.75%206.74264%2020.7426%207.75%2019.5%207.75H13C10.6528%207.75%208.75%209.65279%208.75%2012C8.75%2014.3472%2010.6528%2016.25%2013%2016.25H19.5C20.7426%2016.25%2021.75%2017.2574%2021.75%2018.5V20.5C21.75%2021.7426%2020.7426%2022.75%2019.5%2022.75H13C7.06294%2022.75%202.25%2017.9371%202.25%2012Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/magnet-outline.svg?color=%231a73e8&size=48
