magnet icon
magnet from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- magnet
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
magnetBootstrap IconsmagnetBoxIcons v2magnetBoxIcons v2 SolidmagnetFont Awesome 6 SolidmagnetFluent EmojimagnetFluent Emoji FlatmagnetFluent Emoji High Contrastmagnetcss.ggmagnetHuge IconsmagnetIconoirmagnetIonIconsmagnetJam IconsmagnetLine AwesomemagnetLucidemagnetMaterial Design Iconsmagnet-fillMingCute IconmagnetNoto EmojimagnetOpenMojimagnet-boldSolarmagnetTabler IconsmagnetTwitter Emoji
Related icons in Phosphor
Use the magnet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M207 50.25A87.46 87.46 0 0 0 144.6 24h-.33A87.48 87.48 0 0 0 82 49.81L20.61 112a16 16 0 0 0 .06 22.56l28.66 28.66a15.92 15.92 0 0 0 11.32 4.69h.09a16 16 0 0 0 11.36-4.82l60.9-62.4a16.08 16.08 0 0 1 22.41-.21a15.6 15.6 0 0 1 4.73 11.19a16.9 16.9 0 0 1-4.85 12L93 183.88a16 16 0 0 0-.17 22.79l28.66 28.66a16.06 16.06 0 0 0 22.52.12l61.8-60.45c34.45-34.5 34.98-90.44 1.19-124.75M60.65 151.89L32 123.24l23.8-24.12l28.52 28.52ZM132.79 224l-28.68-28.65l24.38-23.57L157 200.32Zm61.76-60.44l-26.11 25.54L140 160.68l26.44-25.57l.1-.09a33 33 0 0 0 9.57-23.5A31.44 31.44 0 0 0 166.47 89a32.2 32.2 0 0 0-44.9.5l-26.08 26.68L67 87.74l26.35-26.65A71.5 71.5 0 0 1 144.27 40h.27a71.55 71.55 0 0 1 51.05 21.48c27.66 28.07 27.16 73.9-1.04 102.1Z"/></svg>
React
import type { SVGProps } from "react";
export function PhMagnet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M207 50.25A87.46 87.46 0 0 0 144.6 24h-.33A87.48 87.48 0 0 0 82 49.81L20.61 112a16 16 0 0 0 .06 22.56l28.66 28.66a15.92 15.92 0 0 0 11.32 4.69h.09a16 16 0 0 0 11.36-4.82l60.9-62.4a16.08 16.08 0 0 1 22.41-.21a15.6 15.6 0 0 1 4.73 11.19a16.9 16.9 0 0 1-4.85 12L93 183.88a16 16 0 0 0-.17 22.79l28.66 28.66a16.06 16.06 0 0 0 22.52.12l61.8-60.45c34.45-34.5 34.98-90.44 1.19-124.75M60.65 151.89L32 123.24l23.8-24.12l28.52 28.52ZM132.79 224l-28.68-28.65l24.38-23.57L157 200.32Zm61.76-60.44l-26.11 25.54L140 160.68l26.44-25.57l.1-.09a33 33 0 0 0 9.57-23.5A31.44 31.44 0 0 0 166.47 89a32.2 32.2 0 0 0-44.9.5l-26.08 26.68L67 87.74l26.35-26.65A71.5 71.5 0 0 1 144.27 40h.27a71.55 71.55 0 0 1 51.05 21.48c27.66 28.07 27.16 73.9-1.04 102.1Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M207 50.25A87.46 87.46 0 0 0 144.6 24h-.33A87.48 87.48 0 0 0 82 49.81L20.61 112a16 16 0 0 0 .06 22.56l28.66 28.66a15.92 15.92 0 0 0 11.32 4.69h.09a16 16 0 0 0 11.36-4.82l60.9-62.4a16.08 16.08 0 0 1 22.41-.21a15.6 15.6 0 0 1 4.73 11.19a16.9 16.9 0 0 1-4.85 12L93 183.88a16 16 0 0 0-.17 22.79l28.66 28.66a16.06 16.06 0 0 0 22.52.12l61.8-60.45c34.45-34.5 34.98-90.44 1.19-124.75M60.65 151.89L32 123.24l23.8-24.12l28.52 28.52ZM132.79 224l-28.68-28.65l24.38-23.57L157 200.32Zm61.76-60.44l-26.11 25.54L140 160.68l26.44-25.57l.1-.09a33 33 0 0 0 9.57-23.5A31.44 31.44 0 0 0 166.47 89a32.2 32.2 0 0 0-44.9.5l-26.08 26.68L67 87.74l26.35-26.65A71.5 71.5 0 0 1 144.27 40h.27a71.55 71.55 0 0 1 51.05 21.48c27.66 28.07 27.16 73.9-1.04 102.1Z"/></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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M207%2050.25A87.46%2087.46%200%200%200%20144.6%2024h-.33A87.48%2087.48%200%200%200%2082%2049.81L20.61%20112a16%2016%200%200%200%20.06%2022.56l28.66%2028.66a15.92%2015.92%200%200%200%2011.32%204.69h.09a16%2016%200%200%200%2011.36-4.82l60.9-62.4a16.08%2016.08%200%200%201%2022.41-.21a15.6%2015.6%200%200%201%204.73%2011.19a16.9%2016.9%200%200%201-4.85%2012L93%20183.88a16%2016%200%200%200-.17%2022.79l28.66%2028.66a16.06%2016.06%200%200%200%2022.52.12l61.8-60.45c34.45-34.5%2034.98-90.44%201.19-124.75M60.65%20151.89L32%20123.24l23.8-24.12l28.52%2028.52ZM132.79%20224l-28.68-28.65l24.38-23.57L157%20200.32Zm61.76-60.44l-26.11%2025.54L140%20160.68l26.44-25.57l.1-.09a33%2033%200%200%200%209.57-23.5A31.44%2031.44%200%200%200%20166.47%2089a32.2%2032.2%200%200%200-44.9.5l-26.08%2026.68L67%2087.74l26.35-26.65A71.5%2071.5%200%200%201%20144.27%2040h.27a71.55%2071.55%200%200%201%2051.05%2021.48c27.66%2028.07%2027.16%2073.9-1.04%20102.1Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M207%2050.25A87.46%2087.46%200%200%200%20144.6%2024h-.33A87.48%2087.48%200%200%200%2082%2049.81L20.61%20112a16%2016%200%200%200%20.06%2022.56l28.66%2028.66a15.92%2015.92%200%200%200%2011.32%204.69h.09a16%2016%200%200%200%2011.36-4.82l60.9-62.4a16.08%2016.08%200%200%201%2022.41-.21a15.6%2015.6%200%200%201%204.73%2011.19a16.9%2016.9%200%200%201-4.85%2012L93%20183.88a16%2016%200%200%200-.17%2022.79l28.66%2028.66a16.06%2016.06%200%200%200%2022.52.12l61.8-60.45c34.45-34.5%2034.98-90.44%201.19-124.75M60.65%20151.89L32%20123.24l23.8-24.12l28.52%2028.52ZM132.79%20224l-28.68-28.65l24.38-23.57L157%20200.32Zm61.76-60.44l-26.11%2025.54L140%20160.68l26.44-25.57l.1-.09a33%2033%200%200%200%209.57-23.5A31.44%2031.44%200%200%200%20166.47%2089a32.2%2032.2%200%200%200-44.9.5l-26.08%2026.68L67%2087.74l26.35-26.65A71.5%2071.5%200%200%201%20144.27%2040h.27a71.55%2071.55%200%200%201%2051.05%2021.48c27.66%2028.07%2027.16%2073.9-1.04%20102.1Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/magnet.svg?color=%231a73e8&size=48
