Designali is becoming Dalim!

I'am creating Designs for the Designers. Clean systems, beautiful interfaces, and thoughtful details — made for you. Visit

Dalim

Getting Started

IntroductionTypography

Backgrounds

Fluid ParticleNewDot PatternGrid PatternFlickering GridRetro GridRippleScroll Progress

Mockups

MacbookMaciPhoneiPadSafari

Texts

Morphing-textNumber CounterGradient TextNew

Components

AccordionAlertAvatarBadgeBannerBookNewBreadcrumbButtonCheckboxDialogDropdownGaugeNewInputNotificationPaginationPopoverRadioSelectSliderSwitchTabTextareaTooltip

Legal

TermsPrivacyContact

DIcons

InstallationHow to useColorSizingStroke WidthFill

DShapes

InstallationHow to useNoiseSizingIndex
Docs
Color - DIcons

Color - DIcons

How to install dicons and download icons for your app.

This site is a work in progress. If you see dummy text on a page, it means I'm still working on it. You can follow updates on Twitter @designali_in.

By default, all icons have the color value: currentColor. This keyword uses the element's computed text color value to represent the icon color.

Example

import { Smile } from "dicons";
 
function App() {
  return (
    <div className="app">
      <Smile color="#3e9392" />
    </div>
  );
}
 
export default App;
How to useSizing

On This Page

  • Example

Contribute

  • Report an issue
  • Request a feature
  • Edit this page
  • About
  • Works
  • Graphic
  • Fonts
  • Agency
  • DIcons
  • Components
  • Blogs
  • Designers
  • Dashboard
  • Contact
  • Terms
© 2025Made with by Ali Imam -Designali
  • FontsNew
  • GraphicNew
  • Components

Not Playing

·

Spotify

·

Ali Imam