symbols.dynamicdevs.io

About The Project

Symbols is an icon library designed and developed by Dynamic Devs which are being used in our projects and available for the community.

Build With

• Nx
• Stencil
• React
• Angular
• TypeScript
• EsLint

Getting Started

This is a Node module available through the npm registry. Installation is done using the npm install command.

React Projects

• Install npm package

  npm install --save @dynamic-devs/symbol-react
  

• Import module in the path where you're working.

  import { SymbolIcon } from '@dynamic-devs/symbol-react';
  

• Add this for use the icons on your project.

  <SymbolIcon name="symbol" iconClass="symbol-xl" type="solid" />
  

Angular Projects

• Install npm package

  npm install --save @dynamic-devs/symbol-angular
  

• Import module on app.module.ts

  import { SymbolsModule } from '@dynamic-devs/symbol-angular'
  
  @NgModule({
    imports: [
      SymbolsModule
    ],
  })
  

• Add this for use the icons on your project.

  <symbol-icon name="symbol" icon-class="symbol-xl" type="solid"></symbol-icon>
  

For more imformation about the available icons, visit the website Symbols.

Documentation

Prop	Default	Description	Values
name		string Icon name	Values can be found in Symbols
iconClass		string Icon size	16px symbol-sm 24px symbol-md 32px symbol-lg 40px symbol-xl 64px symbol-2xl 96px symbol-3xl
type	'solid'	string Icon style	solid outline

Contributors

Community

Join to the conversation and help the community.

• Youtube
• Spotity
• Twitch

Contact

Dynamic Devs - business@dynamicdevs.io

---