twotone admin panel settings icon
twotone-admin-panel-settings from Google Material Icons by Material Design Authors · Baseline · Action · Apache-2.0 Free for personal and commercial use.
- Name
- twotone-admin-panel-settings
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Action
- Viewbox
- 24×24
- License
- Apache 2.0
More action icons from Google Material Icons
baseline-123baseline-3d-rotationbaseline-abcbaseline-accessibilitybaseline-accessibility-newbaseline-accessiblebaseline-accessible-forwardbaseline-account-balancebaseline-account-balance-walletbaseline-account-boxbaseline-account-circlebaseline-add-cardbaseline-add-homebaseline-add-shopping-cartbaseline-add-taskbaseline-add-to-drivebaseline-addchartbaseline-admin-panel-settingsbaseline-ads-clickbaseline-alarmbaseline-alarm-addbaseline-alarm-offbaseline-alarm-onbaseline-all-inbox
Use the twotone admin panel settings icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16 7.58l-5.5-2.4L5 7.58v3.6c0 3.5 2.33 6.74 5.5 7.74c.25-.08.49-.2.73-.3c-.15-.51-.23-1.06-.23-1.62c0-2.97 2.16-5.43 5-5.91z" opacity=".3"/><path fill="currentColor" d="M17 13c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4m0 1.38c.62 0 1.12.51 1.12 1.12s-.51 1.12-1.12 1.12s-1.12-.51-1.12-1.12s.5-1.12 1.12-1.12m0 5.37c-.93 0-1.74-.46-2.24-1.17c.05-.72 1.51-1.08 2.24-1.08s2.19.36 2.24 1.08c-.5.71-1.31 1.17-2.24 1.17" opacity=".3"/><circle cx="17" cy="15.5" r="1.12" fill="currentColor"/><path fill="currentColor" d="M18 11.09V6.27L10.5 3L3 6.27v4.91c0 4.54 3.2 8.79 7.5 9.82c.55-.13 1.08-.32 1.6-.55A5.97 5.97 0 0 0 17 23c3.31 0 6-2.69 6-6c0-2.97-2.16-5.43-5-5.91M11 17c0 .56.08 1.11.23 1.62c-.24.11-.48.22-.73.3c-3.17-1-5.5-4.24-5.5-7.74v-3.6l5.5-2.4l5.5 2.4v3.51c-2.84.48-5 2.94-5 5.91m6 4c-2.21 0-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4s-1.79 4-4 4"/><path fill="currentColor" d="M17 17.5c-.73 0-2.19.36-2.24 1.08c.5.71 1.32 1.17 2.24 1.17s1.74-.46 2.24-1.17c-.05-.72-1.51-1.08-2.24-1.08"/></svg>
React
import type { SVGProps } from "react";
export function IcTwotoneAdminPanelSettings(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 7.58l-5.5-2.4L5 7.58v3.6c0 3.5 2.33 6.74 5.5 7.74c.25-.08.49-.2.73-.3c-.15-.51-.23-1.06-.23-1.62c0-2.97 2.16-5.43 5-5.91z" opacity=".3"/><path fill="currentColor" d="M17 13c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4m0 1.38c.62 0 1.12.51 1.12 1.12s-.51 1.12-1.12 1.12s-1.12-.51-1.12-1.12s.5-1.12 1.12-1.12m0 5.37c-.93 0-1.74-.46-2.24-1.17c.05-.72 1.51-1.08 2.24-1.08s2.19.36 2.24 1.08c-.5.71-1.31 1.17-2.24 1.17" opacity=".3"/><circle cx="17" cy="15.5" r="1.12" fill="currentColor"/><path fill="currentColor" d="M18 11.09V6.27L10.5 3L3 6.27v4.91c0 4.54 3.2 8.79 7.5 9.82c.55-.13 1.08-.32 1.6-.55A5.97 5.97 0 0 0 17 23c3.31 0 6-2.69 6-6c0-2.97-2.16-5.43-5-5.91M11 17c0 .56.08 1.11.23 1.62c-.24.11-.48.22-.73.3c-3.17-1-5.5-4.24-5.5-7.74v-3.6l5.5-2.4l5.5 2.4v3.51c-2.84.48-5 2.94-5 5.91m6 4c-2.21 0-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4s-1.79 4-4 4"/><path fill="currentColor" d="M17 17.5c-.73 0-2.19.36-2.24 1.08c.5.71 1.32 1.17 2.24 1.17s1.74-.46 2.24-1.17c-.05-.72-1.51-1.08-2.24-1.08"/></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 7.58l-5.5-2.4L5 7.58v3.6c0 3.5 2.33 6.74 5.5 7.74c.25-.08.49-.2.73-.3c-.15-.51-.23-1.06-.23-1.62c0-2.97 2.16-5.43 5-5.91z" opacity=".3"/><path fill="currentColor" d="M17 13c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4m0 1.38c.62 0 1.12.51 1.12 1.12s-.51 1.12-1.12 1.12s-1.12-.51-1.12-1.12s.5-1.12 1.12-1.12m0 5.37c-.93 0-1.74-.46-2.24-1.17c.05-.72 1.51-1.08 2.24-1.08s2.19.36 2.24 1.08c-.5.71-1.31 1.17-2.24 1.17" opacity=".3"/><circle cx="17" cy="15.5" r="1.12" fill="currentColor"/><path fill="currentColor" d="M18 11.09V6.27L10.5 3L3 6.27v4.91c0 4.54 3.2 8.79 7.5 9.82c.55-.13 1.08-.32 1.6-.55A5.97 5.97 0 0 0 17 23c3.31 0 6-2.69 6-6c0-2.97-2.16-5.43-5-5.91M11 17c0 .56.08 1.11.23 1.62c-.24.11-.48.22-.73.3c-3.17-1-5.5-4.24-5.5-7.74v-3.6l5.5-2.4l5.5 2.4v3.51c-2.84.48-5 2.94-5 5.91m6 4c-2.21 0-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4s-1.79 4-4 4"/><path fill="currentColor" d="M17 17.5c-.73 0-2.19.36-2.24 1.08c.5.71 1.32 1.17 2.24 1.17s1.74-.46 2.24-1.17c-.05-.72-1.51-1.08-2.24-1.08"/></svg> </template>
CSS
.icon-twotone-admin-panel-settings {
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%207.58l-5.5-2.4L5%207.58v3.6c0%203.5%202.33%206.74%205.5%207.74c.25-.08.49-.2.73-.3c-.15-.51-.23-1.06-.23-1.62c0-2.97%202.16-5.43%205-5.91z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%2013c-2.21%200-4%201.79-4%204s1.79%204%204%204s4-1.79%204-4s-1.79-4-4-4m0%201.38c.62%200%201.12.51%201.12%201.12s-.51%201.12-1.12%201.12s-1.12-.51-1.12-1.12s.5-1.12%201.12-1.12m0%205.37c-.93%200-1.74-.46-2.24-1.17c.05-.72%201.51-1.08%202.24-1.08s2.19.36%202.24%201.08c-.5.71-1.31%201.17-2.24%201.17%22%20opacity%3D%22.3%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2215.5%22%20r%3D%221.12%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%2011.09V6.27L10.5%203L3%206.27v4.91c0%204.54%203.2%208.79%207.5%209.82c.55-.13%201.08-.32%201.6-.55A5.97%205.97%200%200%200%2017%2023c3.31%200%206-2.69%206-6c0-2.97-2.16-5.43-5-5.91M11%2017c0%20.56.08%201.11.23%201.62c-.24.11-.48.22-.73.3c-3.17-1-5.5-4.24-5.5-7.74v-3.6l5.5-2.4l5.5%202.4v3.51c-2.84.48-5%202.94-5%205.91m6%204c-2.21%200-4-1.79-4-4s1.79-4%204-4s4%201.79%204%204s-1.79%204-4%204%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%2017.5c-.73%200-2.19.36-2.24%201.08c.5.71%201.32%201.17%202.24%201.17s1.74-.46%202.24-1.17c-.05-.72-1.51-1.08-2.24-1.08%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%207.58l-5.5-2.4L5%207.58v3.6c0%203.5%202.33%206.74%205.5%207.74c.25-.08.49-.2.73-.3c-.15-.51-.23-1.06-.23-1.62c0-2.97%202.16-5.43%205-5.91z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%2013c-2.21%200-4%201.79-4%204s1.79%204%204%204s4-1.79%204-4s-1.79-4-4-4m0%201.38c.62%200%201.12.51%201.12%201.12s-.51%201.12-1.12%201.12s-1.12-.51-1.12-1.12s.5-1.12%201.12-1.12m0%205.37c-.93%200-1.74-.46-2.24-1.17c.05-.72%201.51-1.08%202.24-1.08s2.19.36%202.24%201.08c-.5.71-1.31%201.17-2.24%201.17%22%20opacity%3D%22.3%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2215.5%22%20r%3D%221.12%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%2011.09V6.27L10.5%203L3%206.27v4.91c0%204.54%203.2%208.79%207.5%209.82c.55-.13%201.08-.32%201.6-.55A5.97%205.97%200%200%200%2017%2023c3.31%200%206-2.69%206-6c0-2.97-2.16-5.43-5-5.91M11%2017c0%20.56.08%201.11.23%201.62c-.24.11-.48.22-.73.3c-3.17-1-5.5-4.24-5.5-7.74v-3.6l5.5-2.4l5.5%202.4v3.51c-2.84.48-5%202.94-5%205.91m6%204c-2.21%200-4-1.79-4-4s1.79-4%204-4s4%201.79%204%204s-1.79%204-4%204%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%2017.5c-.73%200-2.19.36-2.24%201.08c.5.71%201.32%201.17%202.24%201.17s1.74-.46%202.24-1.17c-.05-.72-1.51-1.08-2.24-1.08%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/twotone-admin-panel-settings.svg?color=%231a73e8&size=48
