md magnet icon
md-magnet from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-magnet
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back
Use the md magnet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M383.6 98.8C352.1 65.8 308 48.2 256 48c-51.9.2-96 17.8-127.5 50.8C96.8 132 80 178.8 80 234c0 43.5 1.8 69.2 12.9 115.8 0 0 22.7 75.7 35.5 104.1 3.5 7.8 7.4 11.8 15.5 9.3 6.4-2 46.8-17.9 54.7-21.6 7.9-3.6 11.6-8.6 8.9-15.2-3.8-9.2-33.9-95.6-33.9-95.6-8.4-36.3-11.6-53.9-11.6-94.3 0-28.2 9.8-54.1 27.7-72.9 17.5-18.3 41-28.4 66.3-28.4s48.8 10.1 66.3 28.4c17.9 18.8 27.7 44.6 27.7 72.8 0 40-3.2 64-11.7 94.4s-32.2 90.1-33.9 95.6c-1.7 5.6 2.1 12.5 8.9 15.2 6.8 2.7 49.3 19.6 54.7 21.6 5.4 2 10.6.6 14.5-7.7 4-8.3 24.6-61.4 36.5-105.7 12-44.3 13-72.3 13-115.8 0-55.2-16.7-101.9-48.4-135.2zM173.1 419.7l-22.9 9.6c-6.9-16.3-17.2-43.2-25.9-77.2l22-6.5 26.8 74.1zm188.6 9.6l-22.9-9.6c7.2-16.6 19.1-45.1 26.6-74.1l22 6.5c-8.4 33.9-18.7 60.9-25.7 77.2z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdMagnet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M383.6 98.8C352.1 65.8 308 48.2 256 48c-51.9.2-96 17.8-127.5 50.8C96.8 132 80 178.8 80 234c0 43.5 1.8 69.2 12.9 115.8 0 0 22.7 75.7 35.5 104.1 3.5 7.8 7.4 11.8 15.5 9.3 6.4-2 46.8-17.9 54.7-21.6 7.9-3.6 11.6-8.6 8.9-15.2-3.8-9.2-33.9-95.6-33.9-95.6-8.4-36.3-11.6-53.9-11.6-94.3 0-28.2 9.8-54.1 27.7-72.9 17.5-18.3 41-28.4 66.3-28.4s48.8 10.1 66.3 28.4c17.9 18.8 27.7 44.6 27.7 72.8 0 40-3.2 64-11.7 94.4s-32.2 90.1-33.9 95.6c-1.7 5.6 2.1 12.5 8.9 15.2 6.8 2.7 49.3 19.6 54.7 21.6 5.4 2 10.6.6 14.5-7.7 4-8.3 24.6-61.4 36.5-105.7 12-44.3 13-72.3 13-115.8 0-55.2-16.7-101.9-48.4-135.2zM173.1 419.7l-22.9 9.6c-6.9-16.3-17.2-43.2-25.9-77.2l22-6.5 26.8 74.1zm188.6 9.6l-22.9-9.6c7.2-16.6 19.1-45.1 26.6-74.1l22 6.5c-8.4 33.9-18.7 60.9-25.7 77.2z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M383.6 98.8C352.1 65.8 308 48.2 256 48c-51.9.2-96 17.8-127.5 50.8C96.8 132 80 178.8 80 234c0 43.5 1.8 69.2 12.9 115.8 0 0 22.7 75.7 35.5 104.1 3.5 7.8 7.4 11.8 15.5 9.3 6.4-2 46.8-17.9 54.7-21.6 7.9-3.6 11.6-8.6 8.9-15.2-3.8-9.2-33.9-95.6-33.9-95.6-8.4-36.3-11.6-53.9-11.6-94.3 0-28.2 9.8-54.1 27.7-72.9 17.5-18.3 41-28.4 66.3-28.4s48.8 10.1 66.3 28.4c17.9 18.8 27.7 44.6 27.7 72.8 0 40-3.2 64-11.7 94.4s-32.2 90.1-33.9 95.6c-1.7 5.6 2.1 12.5 8.9 15.2 6.8 2.7 49.3 19.6 54.7 21.6 5.4 2 10.6.6 14.5-7.7 4-8.3 24.6-61.4 36.5-105.7 12-44.3 13-72.3 13-115.8 0-55.2-16.7-101.9-48.4-135.2zM173.1 419.7l-22.9 9.6c-6.9-16.3-17.2-43.2-25.9-77.2l22-6.5 26.8 74.1zm188.6 9.6l-22.9-9.6c7.2-16.6 19.1-45.1 26.6-74.1l22 6.5c-8.4 33.9-18.7 60.9-25.7 77.2z" fill="currentColor"/></svg> </template>
CSS
.icon-md-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%20512%20512%22%3E%3Cpath%20d%3D%22M383.6%2098.8C352.1%2065.8%20308%2048.2%20256%2048c-51.9.2-96%2017.8-127.5%2050.8C96.8%20132%2080%20178.8%2080%20234c0%2043.5%201.8%2069.2%2012.9%20115.8%200%200%2022.7%2075.7%2035.5%20104.1%203.5%207.8%207.4%2011.8%2015.5%209.3%206.4-2%2046.8-17.9%2054.7-21.6%207.9-3.6%2011.6-8.6%208.9-15.2-3.8-9.2-33.9-95.6-33.9-95.6-8.4-36.3-11.6-53.9-11.6-94.3%200-28.2%209.8-54.1%2027.7-72.9%2017.5-18.3%2041-28.4%2066.3-28.4s48.8%2010.1%2066.3%2028.4c17.9%2018.8%2027.7%2044.6%2027.7%2072.8%200%2040-3.2%2064-11.7%2094.4s-32.2%2090.1-33.9%2095.6c-1.7%205.6%202.1%2012.5%208.9%2015.2%206.8%202.7%2049.3%2019.6%2054.7%2021.6%205.4%202%2010.6.6%2014.5-7.7%204-8.3%2024.6-61.4%2036.5-105.7%2012-44.3%2013-72.3%2013-115.8%200-55.2-16.7-101.9-48.4-135.2zM173.1%20419.7l-22.9%209.6c-6.9-16.3-17.2-43.2-25.9-77.2l22-6.5%2026.8%2074.1zm188.6%209.6l-22.9-9.6c7.2-16.6%2019.1-45.1%2026.6-74.1l22%206.5c-8.4%2033.9-18.7%2060.9-25.7%2077.2z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M383.6%2098.8C352.1%2065.8%20308%2048.2%20256%2048c-51.9.2-96%2017.8-127.5%2050.8C96.8%20132%2080%20178.8%2080%20234c0%2043.5%201.8%2069.2%2012.9%20115.8%200%200%2022.7%2075.7%2035.5%20104.1%203.5%207.8%207.4%2011.8%2015.5%209.3%206.4-2%2046.8-17.9%2054.7-21.6%207.9-3.6%2011.6-8.6%208.9-15.2-3.8-9.2-33.9-95.6-33.9-95.6-8.4-36.3-11.6-53.9-11.6-94.3%200-28.2%209.8-54.1%2027.7-72.9%2017.5-18.3%2041-28.4%2066.3-28.4s48.8%2010.1%2066.3%2028.4c17.9%2018.8%2027.7%2044.6%2027.7%2072.8%200%2040-3.2%2064-11.7%2094.4s-32.2%2090.1-33.9%2095.6c-1.7%205.6%202.1%2012.5%208.9%2015.2%206.8%202.7%2049.3%2019.6%2054.7%2021.6%205.4%202%2010.6.6%2014.5-7.7%204-8.3%2024.6-61.4%2036.5-105.7%2012-44.3%2013-72.3%2013-115.8%200-55.2-16.7-101.9-48.4-135.2zM173.1%20419.7l-22.9%209.6c-6.9-16.3-17.2-43.2-25.9-77.2l22-6.5%2026.8%2074.1zm188.6%209.6l-22.9-9.6c7.2-16.6%2019.1-45.1%2026.6-74.1l22%206.5c-8.4%2033.9-18.7%2060.9-25.7%2077.2z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-magnet.svg?color=%231a73e8&size=48
