mouse scroll wheel icon
mouse-scroll-wheel from Iconoir by Luca Burgio · Regular · System · MIT Free for personal and commercial use.
- Name
- mouse-scroll-wheel
- Set
- Iconoir
- Style
- Regular
- Category
- System
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
More system icons from Iconoir
Use the mouse scroll wheel icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12 5l.53-.53a.75.75 0 0 0-1.06 0zm0 8l-.53.53a.75.75 0 0 0 1.06 0zM9.47 6.47a.75.75 0 0 0 1.06 1.06zm4 1.06a.75.75 0 1 0 1.06-1.06zm-2.94 2.94a.75.75 0 1 0-1.06 1.06zm4 1.06a.75.75 0 1 0-1.06-1.06zM3.25 10v4h1.5v-4zm17.5 4v-4h-1.5v4zm-9.5-9v8h1.5V5zm.22-.53l-2 2l1.06 1.06l2-2zm0 1.06l2 2l1.06-1.06l-2-2zm1.06 6.94l-2-2l-1.06 1.06l2 2zm0 1.06l2-2l-1.06-1.06l-2 2zM20.75 10A8.75 8.75 0 0 0 12 1.25v1.5A7.25 7.25 0 0 1 19.25 10zM12 22.75A8.75 8.75 0 0 0 20.75 14h-1.5A7.25 7.25 0 0 1 12 21.25zM3.25 14A8.75 8.75 0 0 0 12 22.75v-1.5A7.25 7.25 0 0 1 4.75 14zm1.5-4A7.25 7.25 0 0 1 12 2.75v-1.5A8.75 8.75 0 0 0 3.25 10z"/></svg>
React
import type { SVGProps } from "react";
export function IconoirMouseScrollWheel(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12 5l.53-.53a.75.75 0 0 0-1.06 0zm0 8l-.53.53a.75.75 0 0 0 1.06 0zM9.47 6.47a.75.75 0 0 0 1.06 1.06zm4 1.06a.75.75 0 1 0 1.06-1.06zm-2.94 2.94a.75.75 0 1 0-1.06 1.06zm4 1.06a.75.75 0 1 0-1.06-1.06zM3.25 10v4h1.5v-4zm17.5 4v-4h-1.5v4zm-9.5-9v8h1.5V5zm.22-.53l-2 2l1.06 1.06l2-2zm0 1.06l2 2l1.06-1.06l-2-2zm1.06 6.94l-2-2l-1.06 1.06l2 2zm0 1.06l2-2l-1.06-1.06l-2 2zM20.75 10A8.75 8.75 0 0 0 12 1.25v1.5A7.25 7.25 0 0 1 19.25 10zM12 22.75A8.75 8.75 0 0 0 20.75 14h-1.5A7.25 7.25 0 0 1 12 21.25zM3.25 14A8.75 8.75 0 0 0 12 22.75v-1.5A7.25 7.25 0 0 1 4.75 14zm1.5-4A7.25 7.25 0 0 1 12 2.75v-1.5A8.75 8.75 0 0 0 3.25 10z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12 5l.53-.53a.75.75 0 0 0-1.06 0zm0 8l-.53.53a.75.75 0 0 0 1.06 0zM9.47 6.47a.75.75 0 0 0 1.06 1.06zm4 1.06a.75.75 0 1 0 1.06-1.06zm-2.94 2.94a.75.75 0 1 0-1.06 1.06zm4 1.06a.75.75 0 1 0-1.06-1.06zM3.25 10v4h1.5v-4zm17.5 4v-4h-1.5v4zm-9.5-9v8h1.5V5zm.22-.53l-2 2l1.06 1.06l2-2zm0 1.06l2 2l1.06-1.06l-2-2zm1.06 6.94l-2-2l-1.06 1.06l2 2zm0 1.06l2-2l-1.06-1.06l-2 2zM20.75 10A8.75 8.75 0 0 0 12 1.25v1.5A7.25 7.25 0 0 1 19.25 10zM12 22.75A8.75 8.75 0 0 0 20.75 14h-1.5A7.25 7.25 0 0 1 12 21.25zM3.25 14A8.75 8.75 0 0 0 12 22.75v-1.5A7.25 7.25 0 0 1 4.75 14zm1.5-4A7.25 7.25 0 0 1 12 2.75v-1.5A8.75 8.75 0 0 0 3.25 10z"/></svg> </template>
CSS
.icon-mouse-scroll-wheel {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12%205l.53-.53a.75.75%200%200%200-1.06%200zm0%208l-.53.53a.75.75%200%200%200%201.06%200zM9.47%206.47a.75.75%200%200%200%201.06%201.06zm4%201.06a.75.75%200%201%200%201.06-1.06zm-2.94%202.94a.75.75%200%201%200-1.06%201.06zm4%201.06a.75.75%200%201%200-1.06-1.06zM3.25%2010v4h1.5v-4zm17.5%204v-4h-1.5v4zm-9.5-9v8h1.5V5zm.22-.53l-2%202l1.06%201.06l2-2zm0%201.06l2%202l1.06-1.06l-2-2zm1.06%206.94l-2-2l-1.06%201.06l2%202zm0%201.06l2-2l-1.06-1.06l-2%202zM20.75%2010A8.75%208.75%200%200%200%2012%201.25v1.5A7.25%207.25%200%200%201%2019.25%2010zM12%2022.75A8.75%208.75%200%200%200%2020.75%2014h-1.5A7.25%207.25%200%200%201%2012%2021.25zM3.25%2014A8.75%208.75%200%200%200%2012%2022.75v-1.5A7.25%207.25%200%200%201%204.75%2014zm1.5-4A7.25%207.25%200%200%201%2012%202.75v-1.5A8.75%208.75%200%200%200%203.25%2010z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12%205l.53-.53a.75.75%200%200%200-1.06%200zm0%208l-.53.53a.75.75%200%200%200%201.06%200zM9.47%206.47a.75.75%200%200%200%201.06%201.06zm4%201.06a.75.75%200%201%200%201.06-1.06zm-2.94%202.94a.75.75%200%201%200-1.06%201.06zm4%201.06a.75.75%200%201%200-1.06-1.06zM3.25%2010v4h1.5v-4zm17.5%204v-4h-1.5v4zm-9.5-9v8h1.5V5zm.22-.53l-2%202l1.06%201.06l2-2zm0%201.06l2%202l1.06-1.06l-2-2zm1.06%206.94l-2-2l-1.06%201.06l2%202zm0%201.06l2-2l-1.06-1.06l-2%202zM20.75%2010A8.75%208.75%200%200%200%2012%201.25v1.5A7.25%207.25%200%200%201%2019.25%2010zM12%2022.75A8.75%208.75%200%200%200%2020.75%2014h-1.5A7.25%207.25%200%200%201%2012%2021.25zM3.25%2014A8.75%208.75%200%200%200%2012%2022.75v-1.5A7.25%207.25%200%200%201%204.75%2014zm1.5-4A7.25%207.25%200%200%201%2012%202.75v-1.5A8.75%208.75%200%200%200%203.25%2010z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/iconoir/mouse-scroll-wheel.svg?color=%231a73e8&size=48
