settings-view · Carbon
Free SVG settings-view icon from Carbon. Rendered at 24×24 in the filled style and licensed under Apache-2.0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for Apache-2.0 licensed icons.
Tags
- settings
- view
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g transform="scale(0.75) translate(0 0)"><circle cx="23" cy="24" r="2" fill="currentColor"/><path fill="currentColor" d="M30.777 23.479A8.64 8.64 0 0 0 23 18a8.64 8.64 0 0 0-7.777 5.479L15 24l.223.522A8.64 8.64 0 0 0 23 30a8.64 8.64 0 0 0 7.777-5.478L31 24ZM23 28a4 4 0 1 1 4-4a4.005 4.005 0 0 1-4 4m-10.601-7.2A6 6 0 1 1 22 16h-2a4 4 0 1 0-6.4 3.2Z"/><path fill="currentColor" d="m29.305 11.044l-2.36-4.088a2 2 0 0 0-2.374-.895l-2.434.824a11 11 0 0 0-1.312-.758l-.504-2.52A2 2 0 0 0 18.36 2h-4.72a2 2 0 0 0-1.961 1.608l-.504 2.519a11 11 0 0 0-1.327.753l-2.42-.819a2 2 0 0 0-2.372.895l-2.36 4.088a2 2 0 0 0 .411 2.502l1.931 1.697C5.021 15.495 5 15.745 5 16q0 .387.028.766l-1.92 1.688a2 2 0 0 0-.413 2.502l2.36 4.088a2 2 0 0 0 2.374.895l2.434-.824a11 11 0 0 0 1.312.759l.503 2.518A2 2 0 0 0 13.64 30H15v-2h-1.36l-.71-3.55a9.1 9.1 0 0 1-2.695-1.572l-3.447 1.166l-2.36-4.088l2.725-2.395a8.9 8.9 0 0 1-.007-3.128l-2.718-2.39l2.36-4.087l3.427 1.16A9 9 0 0 1 12.93 7.55L13.64 4h4.72l.71 3.55a9.1 9.1 0 0 1 2.695 1.572l3.447-1.166l2.36 4.088l-2.798 2.452L26.092 16l2.8-2.454a2 2 0 0 0 .413-2.502"/></g></svg>
// Run: npx sant-icons get carbon-settings-view --format react
export function CarbonSettingsView(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g transform="scale(0.75) translate(0 0)"><circle cx="23" cy="24" r="2" fill="currentColor"/><path fill="currentColor" d="M30.777 23.479A8.64 8.64 0 0 0 23 18a8.64 8.64 0 0 0-7.777 5.479L15 24l.223.522A8.64 8.64 0 0 0 23 30a8.64 8.64 0 0 0 7.777-5.478L31 24ZM23 28a4 4 0 1 1 4-4a4.005 4.005 0 0 1-4 4m-10.601-7.2A6 6 0 1 1 22 16h-2a4 4 0 1 0-6.4 3.2Z"/><path fill="currentColor" d="m29.305 11.044l-2.36-4.088a2 2 0 0 0-2.374-.895l-2.434.824a11 11 0 0 0-1.312-.758l-.504-2.52A2 2 0 0 0 18.36 2h-4.72a2 2 0 0 0-1.961 1.608l-.504 2.519a11 11 0 0 0-1.327.753l-2.42-.819a2 2 0 0 0-2.372.895l-2.36 4.088a2 2 0 0 0 .411 2.502l1.931 1.697C5.021 15.495 5 15.745 5 16q0 .387.028.766l-1.92 1.688a2 2 0 0 0-.413 2.502l2.36 4.088a2 2 0 0 0 2.374.895l2.434-.824a11 11 0 0 0 1.312.759l.503 2.518A2 2 0 0 0 13.64 30H15v-2h-1.36l-.71-3.55a9.1 9.1 0 0 1-2.695-1.572l-3.447 1.166l-2.36-4.088l2.725-2.395a8.9 8.9 0 0 1-.007-3.128l-2.718-2.39l2.36-4.087l3.427 1.16A9 9 0 0 1 12.93 7.55L13.64 4h4.72l.71 3.55a9.1 9.1 0 0 1 2.695 1.572l3.447-1.166l2.36 4.088l-2.798 2.452L26.092 16l2.8-2.454a2 2 0 0 0 .413-2.502"/></g></svg>
);
}npx sant-icons get carbon-settings-view
Properties
- Name
- settings-view
- Library
- Carbon
- Style
- filled
- License
- Apache-2.0
- Version
- 1.2.30
- Identifier
- carbon-settings-view
Related from Carbon
The settings-view icon ships with Carbon, an open-source icon set licensed under Apache-2.0. Search for it as "carbon settings-view", "settings-view svg", or any of its tagged terms (settings, view). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch carbon-settings-view directly into your project. No browser context-switch.