User Settings

React Code

npm install @mynaui/icons-react

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

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

SVG HTML

<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
  <path d='M15 7.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0m4.5 13c-.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-.488z'/>
</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" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
  <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-user-settings"></use>
</svg>