nut and bolt emoji
nut-and-bolt from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- nut-and-bolt
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Emoji One (Colored)
Use the nut and bolt emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b6c0c6" d="M58.7 64H64v-3.4zm4.8-9.8L18.4 9.1l-9.3 9.3l44.4 44.4l-1.4-1.3z"/><g fill="#7a8891"><path d="m64 54.6l-.5-.4l.5.5zm-10.5 8.2l1.2 1.2z"/><path d="m58.7 64l5.3-3.4v-5.9l-.5-.5l-11.4 7.3l1.4 1.3l1.2 1.2zm-3.4-18l-11.4 7.3l4.1 4.1l11.4-7.3zm-8.2-8.3L35.7 45l4.1 4.1l11.4-7.2zM30.6 21.3l-11.4 7.3l4.1 4.1l11.4-7.3zm8.2 8.2l-11.4 7.3l4.1 4.1L43 33.6zM22.4 13L11 20.3l4.1 4.1l11.4-7.2z"/></g><path fill="#4f585b" d="m7.1 17.9l-7.1 7l11 11l7-7.1z"/><path fill="#8b979e" d="M17.9 7L7.1 17.9L18 28.8L28.9 18z"/><path fill="#cedae0" d="m24.9 0l-7 7l11 11l7-7z"/><path fill="#4f585b" d="m28.3 39.1l-7 7.1l11 10.9l7-7z"/><path fill="#8b979e" d="M39.2 28.3L28.3 39.1l11 11l10.8-10.8z"/><path fill="#cedae0" d="m46.2 21.3l-7 7l10.9 11l7.1-7.1z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneNutAndBolt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b6c0c6" d="M58.7 64H64v-3.4zm4.8-9.8L18.4 9.1l-9.3 9.3l44.4 44.4l-1.4-1.3z"/><g fill="#7a8891"><path d="m64 54.6l-.5-.4l.5.5zm-10.5 8.2l1.2 1.2z"/><path d="m58.7 64l5.3-3.4v-5.9l-.5-.5l-11.4 7.3l1.4 1.3l1.2 1.2zm-3.4-18l-11.4 7.3l4.1 4.1l11.4-7.3zm-8.2-8.3L35.7 45l4.1 4.1l11.4-7.2zM30.6 21.3l-11.4 7.3l4.1 4.1l11.4-7.3zm8.2 8.2l-11.4 7.3l4.1 4.1L43 33.6zM22.4 13L11 20.3l4.1 4.1l11.4-7.2z"/></g><path fill="#4f585b" d="m7.1 17.9l-7.1 7l11 11l7-7.1z"/><path fill="#8b979e" d="M17.9 7L7.1 17.9L18 28.8L28.9 18z"/><path fill="#cedae0" d="m24.9 0l-7 7l11 11l7-7z"/><path fill="#4f585b" d="m28.3 39.1l-7 7.1l11 10.9l7-7z"/><path fill="#8b979e" d="M39.2 28.3L28.3 39.1l11 11l10.8-10.8z"/><path fill="#cedae0" d="m46.2 21.3l-7 7l10.9 11l7.1-7.1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b6c0c6" d="M58.7 64H64v-3.4zm4.8-9.8L18.4 9.1l-9.3 9.3l44.4 44.4l-1.4-1.3z"/><g fill="#7a8891"><path d="m64 54.6l-.5-.4l.5.5zm-10.5 8.2l1.2 1.2z"/><path d="m58.7 64l5.3-3.4v-5.9l-.5-.5l-11.4 7.3l1.4 1.3l1.2 1.2zm-3.4-18l-11.4 7.3l4.1 4.1l11.4-7.3zm-8.2-8.3L35.7 45l4.1 4.1l11.4-7.2zM30.6 21.3l-11.4 7.3l4.1 4.1l11.4-7.3zm8.2 8.2l-11.4 7.3l4.1 4.1L43 33.6zM22.4 13L11 20.3l4.1 4.1l11.4-7.2z"/></g><path fill="#4f585b" d="m7.1 17.9l-7.1 7l11 11l7-7.1z"/><path fill="#8b979e" d="M17.9 7L7.1 17.9L18 28.8L28.9 18z"/><path fill="#cedae0" d="m24.9 0l-7 7l11 11l7-7z"/><path fill="#4f585b" d="m28.3 39.1l-7 7.1l11 10.9l7-7z"/><path fill="#8b979e" d="M39.2 28.3L28.3 39.1l11 11l10.8-10.8z"/><path fill="#cedae0" d="m46.2 21.3l-7 7l10.9 11l7.1-7.1z"/></svg> </template>
CSS
.icon-nut-and-bolt {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%23b6c0c6%22%20d%3D%22M58.7%2064H64v-3.4zm4.8-9.8L18.4%209.1l-9.3%209.3l44.4%2044.4l-1.4-1.3z%22%2F%3E%3Cg%20fill%3D%22%237a8891%22%3E%3Cpath%20d%3D%22m64%2054.6l-.5-.4l.5.5zm-10.5%208.2l1.2%201.2z%22%2F%3E%3Cpath%20d%3D%22m58.7%2064l5.3-3.4v-5.9l-.5-.5l-11.4%207.3l1.4%201.3l1.2%201.2zm-3.4-18l-11.4%207.3l4.1%204.1l11.4-7.3zm-8.2-8.3L35.7%2045l4.1%204.1l11.4-7.2zM30.6%2021.3l-11.4%207.3l4.1%204.1l11.4-7.3zm8.2%208.2l-11.4%207.3l4.1%204.1L43%2033.6zM22.4%2013L11%2020.3l4.1%204.1l11.4-7.2z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%234f585b%22%20d%3D%22m7.1%2017.9l-7.1%207l11%2011l7-7.1z%22%2F%3E%3Cpath%20fill%3D%22%238b979e%22%20d%3D%22M17.9%207L7.1%2017.9L18%2028.8L28.9%2018z%22%2F%3E%3Cpath%20fill%3D%22%23cedae0%22%20d%3D%22m24.9%200l-7%207l11%2011l7-7z%22%2F%3E%3Cpath%20fill%3D%22%234f585b%22%20d%3D%22m28.3%2039.1l-7%207.1l11%2010.9l7-7z%22%2F%3E%3Cpath%20fill%3D%22%238b979e%22%20d%3D%22M39.2%2028.3L28.3%2039.1l11%2011l10.8-10.8z%22%2F%3E%3Cpath%20fill%3D%22%23cedae0%22%20d%3D%22m46.2%2021.3l-7%207l10.9%2011l7.1-7.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%2064%2064%22%3E%3Cpath%20fill%3D%22%23b6c0c6%22%20d%3D%22M58.7%2064H64v-3.4zm4.8-9.8L18.4%209.1l-9.3%209.3l44.4%2044.4l-1.4-1.3z%22%2F%3E%3Cg%20fill%3D%22%237a8891%22%3E%3Cpath%20d%3D%22m64%2054.6l-.5-.4l.5.5zm-10.5%208.2l1.2%201.2z%22%2F%3E%3Cpath%20d%3D%22m58.7%2064l5.3-3.4v-5.9l-.5-.5l-11.4%207.3l1.4%201.3l1.2%201.2zm-3.4-18l-11.4%207.3l4.1%204.1l11.4-7.3zm-8.2-8.3L35.7%2045l4.1%204.1l11.4-7.2zM30.6%2021.3l-11.4%207.3l4.1%204.1l11.4-7.3zm8.2%208.2l-11.4%207.3l4.1%204.1L43%2033.6zM22.4%2013L11%2020.3l4.1%204.1l11.4-7.2z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%234f585b%22%20d%3D%22m7.1%2017.9l-7.1%207l11%2011l7-7.1z%22%2F%3E%3Cpath%20fill%3D%22%238b979e%22%20d%3D%22M17.9%207L7.1%2017.9L18%2028.8L28.9%2018z%22%2F%3E%3Cpath%20fill%3D%22%23cedae0%22%20d%3D%22m24.9%200l-7%207l11%2011l7-7z%22%2F%3E%3Cpath%20fill%3D%22%234f585b%22%20d%3D%22m28.3%2039.1l-7%207.1l11%2010.9l7-7z%22%2F%3E%3Cpath%20fill%3D%22%238b979e%22%20d%3D%22M39.2%2028.3L28.3%2039.1l11%2011l10.8-10.8z%22%2F%3E%3Cpath%20fill%3D%22%23cedae0%22%20d%3D%22m46.2%2021.3l-7%207l10.9%2011l7.1-7.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/nut-and-bolt.svg?color=%231a73e8&size=48
