action key icon
action-key-outline-rounded from Material Symbols Light by Google · Outline Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- action-key-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More ui actions icons from Material Symbols Light
Use the action key icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.192 19.5q-1.372 0-2.35-.975t-.977-2.344t.976-2.343t2.344-.972t2.342.971t.973 2.336q0 .554-.17 1.048q-.168.494-.482.906l2.433 2.446q.073.063.11.156q.036.094.036.179t-.037.178t-.11.176q-.059.063-.149.102t-.185.038q-.107 0-.2-.038q-.093-.039-.173-.102l-2.432-2.408q-.412.313-.905.48t-1.044.166m-10.384.02q-1.365 0-2.336-.974q-.972-.973-.972-2.373q0-1.364.972-2.336q.971-.972 2.336-.972q1.4 0 2.373.972t.973 2.336q0 1.4-.973 2.373t-2.373.973m0-1q.998 0 1.672-.674t.674-1.672q0-.952-.674-1.63t-1.672-.678q-.952 0-1.63.678t-.678 1.63q0 .998.678 1.672t1.63.674m10.384 0q.952 0 1.63-.674t.678-1.672q0-.952-.678-1.63t-1.63-.678q-.998 0-1.672.678t-.674 1.63q0 .998.674 1.672t1.672.674M5.808 9.173q-1.365 0-2.336-.973Q2.5 7.227 2.5 5.827q0-1.364.972-2.336q.971-.972 2.336-.972q1.4 0 2.373.972t.973 2.336q0 1.4-.973 2.373t-2.373.973m10.384 0q-1.4 0-2.373-.973t-.973-2.373q0-1.365.973-2.336q.973-.972 2.373-.972q1.365 0 2.336.972q.972.972.972 2.336q0 1.4-.972 2.373q-.971.973-2.336.973m-10.384-1q.998 0 1.672-.674t.674-1.672q0-.952-.674-1.63t-1.672-.678q-.952 0-1.63.678T3.5 5.827q0 .998.678 1.672t1.63.674m10.384 0q.952 0 1.63-.674t.678-1.672q0-.952-.678-1.63t-1.63-.678q-.998 0-1.672.678t-.674 1.63q0 .998.674 1.672t1.672.674m-.019-2.327"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightActionKeyOutlineRounded(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="M16.192 19.5q-1.372 0-2.35-.975t-.977-2.344t.976-2.343t2.344-.972t2.342.971t.973 2.336q0 .554-.17 1.048q-.168.494-.482.906l2.433 2.446q.073.063.11.156q.036.094.036.179t-.037.178t-.11.176q-.059.063-.149.102t-.185.038q-.107 0-.2-.038q-.093-.039-.173-.102l-2.432-2.408q-.412.313-.905.48t-1.044.166m-10.384.02q-1.365 0-2.336-.974q-.972-.973-.972-2.373q0-1.364.972-2.336q.971-.972 2.336-.972q1.4 0 2.373.972t.973 2.336q0 1.4-.973 2.373t-2.373.973m0-1q.998 0 1.672-.674t.674-1.672q0-.952-.674-1.63t-1.672-.678q-.952 0-1.63.678t-.678 1.63q0 .998.678 1.672t1.63.674m10.384 0q.952 0 1.63-.674t.678-1.672q0-.952-.678-1.63t-1.63-.678q-.998 0-1.672.678t-.674 1.63q0 .998.674 1.672t1.672.674M5.808 9.173q-1.365 0-2.336-.973Q2.5 7.227 2.5 5.827q0-1.364.972-2.336q.971-.972 2.336-.972q1.4 0 2.373.972t.973 2.336q0 1.4-.973 2.373t-2.373.973m10.384 0q-1.4 0-2.373-.973t-.973-2.373q0-1.365.973-2.336q.973-.972 2.373-.972q1.365 0 2.336.972q.972.972.972 2.336q0 1.4-.972 2.373q-.971.973-2.336.973m-10.384-1q.998 0 1.672-.674t.674-1.672q0-.952-.674-1.63t-1.672-.678q-.952 0-1.63.678T3.5 5.827q0 .998.678 1.672t1.63.674m10.384 0q.952 0 1.63-.674t.678-1.672q0-.952-.678-1.63t-1.63-.678q-.998 0-1.672.678t-.674 1.63q0 .998.674 1.672t1.672.674m-.019-2.327"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.192 19.5q-1.372 0-2.35-.975t-.977-2.344t.976-2.343t2.344-.972t2.342.971t.973 2.336q0 .554-.17 1.048q-.168.494-.482.906l2.433 2.446q.073.063.11.156q.036.094.036.179t-.037.178t-.11.176q-.059.063-.149.102t-.185.038q-.107 0-.2-.038q-.093-.039-.173-.102l-2.432-2.408q-.412.313-.905.48t-1.044.166m-10.384.02q-1.365 0-2.336-.974q-.972-.973-.972-2.373q0-1.364.972-2.336q.971-.972 2.336-.972q1.4 0 2.373.972t.973 2.336q0 1.4-.973 2.373t-2.373.973m0-1q.998 0 1.672-.674t.674-1.672q0-.952-.674-1.63t-1.672-.678q-.952 0-1.63.678t-.678 1.63q0 .998.678 1.672t1.63.674m10.384 0q.952 0 1.63-.674t.678-1.672q0-.952-.678-1.63t-1.63-.678q-.998 0-1.672.678t-.674 1.63q0 .998.674 1.672t1.672.674M5.808 9.173q-1.365 0-2.336-.973Q2.5 7.227 2.5 5.827q0-1.364.972-2.336q.971-.972 2.336-.972q1.4 0 2.373.972t.973 2.336q0 1.4-.973 2.373t-2.373.973m10.384 0q-1.4 0-2.373-.973t-.973-2.373q0-1.365.973-2.336q.973-.972 2.373-.972q1.365 0 2.336.972q.972.972.972 2.336q0 1.4-.972 2.373q-.971.973-2.336.973m-10.384-1q.998 0 1.672-.674t.674-1.672q0-.952-.674-1.63t-1.672-.678q-.952 0-1.63.678T3.5 5.827q0 .998.678 1.672t1.63.674m10.384 0q.952 0 1.63-.674t.678-1.672q0-.952-.678-1.63t-1.63-.678q-.998 0-1.672.678t-.674 1.63q0 .998.674 1.672t1.672.674m-.019-2.327"/></svg> </template>
CSS
.icon-action-key-outline-rounded {
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%22M16.192%2019.5q-1.372%200-2.35-.975t-.977-2.344t.976-2.343t2.344-.972t2.342.971t.973%202.336q0%20.554-.17%201.048q-.168.494-.482.906l2.433%202.446q.073.063.11.156q.036.094.036.179t-.037.178t-.11.176q-.059.063-.149.102t-.185.038q-.107%200-.2-.038q-.093-.039-.173-.102l-2.432-2.408q-.412.313-.905.48t-1.044.166m-10.384.02q-1.365%200-2.336-.974q-.972-.973-.972-2.373q0-1.364.972-2.336q.971-.972%202.336-.972q1.4%200%202.373.972t.973%202.336q0%201.4-.973%202.373t-2.373.973m0-1q.998%200%201.672-.674t.674-1.672q0-.952-.674-1.63t-1.672-.678q-.952%200-1.63.678t-.678%201.63q0%20.998.678%201.672t1.63.674m10.384%200q.952%200%201.63-.674t.678-1.672q0-.952-.678-1.63t-1.63-.678q-.998%200-1.672.678t-.674%201.63q0%20.998.674%201.672t1.672.674M5.808%209.173q-1.365%200-2.336-.973Q2.5%207.227%202.5%205.827q0-1.364.972-2.336q.971-.972%202.336-.972q1.4%200%202.373.972t.973%202.336q0%201.4-.973%202.373t-2.373.973m10.384%200q-1.4%200-2.373-.973t-.973-2.373q0-1.365.973-2.336q.973-.972%202.373-.972q1.365%200%202.336.972q.972.972.972%202.336q0%201.4-.972%202.373q-.971.973-2.336.973m-10.384-1q.998%200%201.672-.674t.674-1.672q0-.952-.674-1.63t-1.672-.678q-.952%200-1.63.678T3.5%205.827q0%20.998.678%201.672t1.63.674m10.384%200q.952%200%201.63-.674t.678-1.672q0-.952-.678-1.63t-1.63-.678q-.998%200-1.672.678t-.674%201.63q0%20.998.674%201.672t1.672.674m-.019-2.327%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%22M16.192%2019.5q-1.372%200-2.35-.975t-.977-2.344t.976-2.343t2.344-.972t2.342.971t.973%202.336q0%20.554-.17%201.048q-.168.494-.482.906l2.433%202.446q.073.063.11.156q.036.094.036.179t-.037.178t-.11.176q-.059.063-.149.102t-.185.038q-.107%200-.2-.038q-.093-.039-.173-.102l-2.432-2.408q-.412.313-.905.48t-1.044.166m-10.384.02q-1.365%200-2.336-.974q-.972-.973-.972-2.373q0-1.364.972-2.336q.971-.972%202.336-.972q1.4%200%202.373.972t.973%202.336q0%201.4-.973%202.373t-2.373.973m0-1q.998%200%201.672-.674t.674-1.672q0-.952-.674-1.63t-1.672-.678q-.952%200-1.63.678t-.678%201.63q0%20.998.678%201.672t1.63.674m10.384%200q.952%200%201.63-.674t.678-1.672q0-.952-.678-1.63t-1.63-.678q-.998%200-1.672.678t-.674%201.63q0%20.998.674%201.672t1.672.674M5.808%209.173q-1.365%200-2.336-.973Q2.5%207.227%202.5%205.827q0-1.364.972-2.336q.971-.972%202.336-.972q1.4%200%202.373.972t.973%202.336q0%201.4-.973%202.373t-2.373.973m10.384%200q-1.4%200-2.373-.973t-.973-2.373q0-1.365.973-2.336q.973-.972%202.373-.972q1.365%200%202.336.972q.972.972.972%202.336q0%201.4-.972%202.373q-.971.973-2.336.973m-10.384-1q.998%200%201.672-.674t.674-1.672q0-.952-.674-1.63t-1.672-.678q-.952%200-1.63.678T3.5%205.827q0%20.998.678%201.672t1.63.674m10.384%200q.952%200%201.63-.674t.678-1.672q0-.952-.678-1.63t-1.63-.678q-.998%200-1.672.678t-.674%201.63q0%20.998.674%201.672t1.672.674m-.019-2.327%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/action-key-outline-rounded.svg?color=%231a73e8&size=48
