magnet icon

magnet from Font Awesome 6 Solid by Dave Gandy · Regular · Maps · CC-BY-4.0 Attribution required.

Name
magnet
Set
Font Awesome 6 Solid
Style
Regular
Category
Maps
Viewbox
448×512
License
CC BY 4.0

The same icon in other sets

magnetBootstrap IconsmagnetBoxIcons v2magnetBoxIcons v2 SolidmagnetCodiconsmagnetElement PlusmagnetFont Awesome SolidmagnetFluent EmojimagnetFluent Emoji FlatmagnetFluent Emoji High Contrastmagnetcss.ggmagnetHuge IconsmagnetIconParkmagnetIconPark OutlinemagnetIconPark SolidmagnetIconPark TwoTonemagnetIconoirmagnetIonIconsmagnetJam IconsmagnetLine AwesomemagnetLucidemagnetMaterial Design Iconsmagnet-fillMingCute IconmagnetMyna UI IconsmagnetNoto Emoji

More maps icons from Font Awesome 6 Solid

anchorbombbookmarkgavelhelicopterlife-ringmap-pinnewspaperplaneplane-slashrestroomroadrocketshipsnowplowstreet-viewtraffic-lighttrainumbrellavestvest-patches

Use the magnet icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M0 160v96c0 123.7 100.3 224 224 224s224-100.3 224-224v-96H320v96c0 53-43 96-96 96s-96-43-96-96v-96zm0-32h128V64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64zm320 0h128V64c0-17.7-14.3-32-32-32h-64c-17.7 0-32 14.3-32 32z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidMagnet(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M0 160v96c0 123.7 100.3 224 224 224s224-100.3 224-224v-96H320v96c0 53-43 96-96 96s-96-43-96-96v-96zm0-32h128V64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64zm320 0h128V64c0-17.7-14.3-32-32-32h-64c-17.7 0-32 14.3-32 32z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M0 160v96c0 123.7 100.3 224 224 224s224-100.3 224-224v-96H320v96c0 53-43 96-96 96s-96-43-96-96v-96zm0-32h128V64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64zm320 0h128V64c0-17.7-14.3-32-32-32h-64c-17.7 0-32 14.3-32 32z"/></svg>
</template>

CSS

.icon-magnet {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%20160v96c0%20123.7%20100.3%20224%20224%20224s224-100.3%20224-224v-96H320v96c0%2053-43%2096-96%2096s-96-43-96-96v-96zm0-32h128V64c0-17.7-14.3-32-32-32H32C14.3%2032%200%2046.3%200%2064zm320%200h128V64c0-17.7-14.3-32-32-32h-64c-17.7%200-32%2014.3-32%2032z%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%20160v96c0%20123.7%20100.3%20224%20224%20224s224-100.3%20224-224v-96H320v96c0%2053-43%2096-96%2096s-96-43-96-96v-96zm0-32h128V64c0-17.7-14.3-32-32-32H32C14.3%2032%200%2046.3%200%2064zm320%200h128V64c0-17.7-14.3-32-32-32h-64c-17.7%200-32%2014.3-32%2032z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/magnet.svg?color=%231a73e8&size=48