magnet emoji
magnet from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- magnet
- Set
- Noto Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji 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 objects icons from Noto Emoji
Use the magnet emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#c62828" d="M67.76 93.24c-17.11 0-30.86-6.73-30.86-22.95s13.65-22.55 30.86-22.55h26.29V16.97H67.76c-30.02 0-55.17 15.08-61.54 40.54H4.65v12.97c0 33.24 28.29 53.51 63.11 53.51h26.29V93.24z"/><path fill="#82aec0" d="M94.05 93.24h29.3V124h-29.3zm0-76.27h29.3v30.76h-29.3z"/><path fill="#f44336" d="M67.76 80.26c-17.11 0-30.86-6.73-30.86-22.95s13.65-22.55 30.86-22.55h26.29V4H67.76C32.94 4 4.65 24.28 4.65 57.51c0 33.24 28.29 53.51 63.11 53.51h26.29V80.26z"/><path fill="#e0e0e0" d="M94.05 80.26h29.3v30.76h-29.3zm0-76.26h29.3v30.76h-29.3z"/></svg>
React
import type { SVGProps } from "react";
export function NotoMagnet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#c62828" d="M67.76 93.24c-17.11 0-30.86-6.73-30.86-22.95s13.65-22.55 30.86-22.55h26.29V16.97H67.76c-30.02 0-55.17 15.08-61.54 40.54H4.65v12.97c0 33.24 28.29 53.51 63.11 53.51h26.29V93.24z"/><path fill="#82aec0" d="M94.05 93.24h29.3V124h-29.3zm0-76.27h29.3v30.76h-29.3z"/><path fill="#f44336" d="M67.76 80.26c-17.11 0-30.86-6.73-30.86-22.95s13.65-22.55 30.86-22.55h26.29V4H67.76C32.94 4 4.65 24.28 4.65 57.51c0 33.24 28.29 53.51 63.11 53.51h26.29V80.26z"/><path fill="#e0e0e0" d="M94.05 80.26h29.3v30.76h-29.3zm0-76.26h29.3v30.76h-29.3z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#c62828" d="M67.76 93.24c-17.11 0-30.86-6.73-30.86-22.95s13.65-22.55 30.86-22.55h26.29V16.97H67.76c-30.02 0-55.17 15.08-61.54 40.54H4.65v12.97c0 33.24 28.29 53.51 63.11 53.51h26.29V93.24z"/><path fill="#82aec0" d="M94.05 93.24h29.3V124h-29.3zm0-76.27h29.3v30.76h-29.3z"/><path fill="#f44336" d="M67.76 80.26c-17.11 0-30.86-6.73-30.86-22.95s13.65-22.55 30.86-22.55h26.29V4H67.76C32.94 4 4.65 24.28 4.65 57.51c0 33.24 28.29 53.51 63.11 53.51h26.29V80.26z"/><path fill="#e0e0e0" d="M94.05 80.26h29.3v30.76h-29.3zm0-76.26h29.3v30.76h-29.3z"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22M67.76%2093.24c-17.11%200-30.86-6.73-30.86-22.95s13.65-22.55%2030.86-22.55h26.29V16.97H67.76c-30.02%200-55.17%2015.08-61.54%2040.54H4.65v12.97c0%2033.24%2028.29%2053.51%2063.11%2053.51h26.29V93.24z%22%2F%3E%3Cpath%20fill%3D%22%2382aec0%22%20d%3D%22M94.05%2093.24h29.3V124h-29.3zm0-76.27h29.3v30.76h-29.3z%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M67.76%2080.26c-17.11%200-30.86-6.73-30.86-22.95s13.65-22.55%2030.86-22.55h26.29V4H67.76C32.94%204%204.65%2024.28%204.65%2057.51c0%2033.24%2028.29%2053.51%2063.11%2053.51h26.29V80.26z%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M94.05%2080.26h29.3v30.76h-29.3zm0-76.26h29.3v30.76h-29.3z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22M67.76%2093.24c-17.11%200-30.86-6.73-30.86-22.95s13.65-22.55%2030.86-22.55h26.29V16.97H67.76c-30.02%200-55.17%2015.08-61.54%2040.54H4.65v12.97c0%2033.24%2028.29%2053.51%2063.11%2053.51h26.29V93.24z%22%2F%3E%3Cpath%20fill%3D%22%2382aec0%22%20d%3D%22M94.05%2093.24h29.3V124h-29.3zm0-76.27h29.3v30.76h-29.3z%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M67.76%2080.26c-17.11%200-30.86-6.73-30.86-22.95s13.65-22.55%2030.86-22.55h26.29V4H67.76C32.94%204%204.65%2024.28%204.65%2057.51c0%2033.24%2028.29%2053.51%2063.11%2053.51h26.29V80.26z%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M94.05%2080.26h29.3v30.76h-29.3zm0-76.26h29.3v30.76h-29.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/magnet.svg?color=%231a73e8&size=48
