← Go back
Share

User Settings


Usage:

React Code:

npm install @mynaui/icons-react
import { UserSettings } from "@mynaui/icons-react";

const App = () => {
  return <UserSettings />;
};

SVG HTML:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><circle cx="12" cy="7.5" r="3"/><path d="M19.5 20.5c-.475-9.333-14.525-9.333-15 0"/><path d="M11.192 17.565c.394-.21.591-.315.808-.315.217 0 .414.105.808.315l.134.072c.394.21.591.315.7.488.108.173.108.383.108.804v.142c0 .42 0 .63-.108.804-.109.173-.306.278-.7.488l-.134.072c-.394.21-.591.315-.808.315-.217 0-.414-.105-.808-.315l-.134-.072c-.394-.21-.591-.315-.7-.488-.108-.173-.108-.383-.108-.804v-.142c0-.42 0-.63.108-.804.109-.173.306-.278.7-.488l.134-.072Z"/></svg>

SVG CDN:

<img src="https://unpkg.com/@mynaui/icons/icons/user-settings.svg" />

SVG Sprite:

npm install @mynaui/icons
<svg
        width="24"
        height="24"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke="currentColor"
      >
        <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-user-settings"></use></svg
      >