18 Iconify packs · copy SVG, PNG, React, Vue, and more Open registry →

Tabler Icons · UI

tabler:settings-x

Tabler Icons is a large stroked set aimed at dashboards and admin UIs, with many variants of the same action. License: MIT.

View collection

License: MIT · /r/tabler/settings-x.json

Redistribution follows that set’s license. Brand marks can have extra trademark limits.

React

import type { SVGProps } from 'react';

export function SettingsX(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M13.675 19.683c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.7 1.7 0 0 0-.324.114"/><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0m13 10l-5-5m0 5l5-5"/></g></svg>
  );
}

More in this set

Click to copy · Hover to preview

 

Customize colors

Changes apply to SVG, PNG and Data URI exports only. CDN / img URI always serve the original.

Tabler Icons icon

Tabler Icons

Tabler Icons

tabler