Hope UI

Getting Started

  • Requirements
  • File Structure
  • Basic
  • angular
  • Theme
  • Sidebar Appearance
  • Navbar Appearance
  • Card Style
  • Header Banner
  • Footer Style
  • Theme Font
  • Advance Appearance
  • Color
  • Favicon
  • Loading Transitions
  • Logo
  • Layout Configure

Component

  • Header Style
  • Footer Style

Live Customizer

  • Apexchart
  • Fslightbox
  • Select2
  • Sweet Alert
  • Flatpickr
  • Swiper Slider
  • Signature Pad
  • Uppy

Source & Credits

Upgrade Guide

Changelog

  • Home
  • -
  • logo
  • Submit a Ticket

Dashboard Logo

  • The Logo component can be found in the {{> src/components/partials/widget/logo.hbs }} with your own logo SVG image OR logo image URL.
  • Then user has to call logo component wherever logo has to show eg. {{> public/assets/images/ }}

You can add a image URL icon to your Website using the following code:

 <div class="logo-normal">
    <svg [class]="(color ? 'text-primary' : '') + ' icon-30'" viewBox="0 0 30 30" fill="none"
      xmlns="http://www.w3.org/2000/svg">
      <rect x="-0.757324" y="19.2427" width="28" height="4" rx="2" transform="rotate(-45 -0.757324 19.2427)"
        fill="currentColor" />
      <rect x="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)"
        fill="currentColor" />
      <rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)"
        fill="currentColor" />
      <rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)"
        fill="currentColor" />
    </svg>
  </div>

You can call logo component wherever logo has to show:

<hui-brand-logo [color]="true">
Previous Next
Hope Ui.Copyright ©
Built with ♥ from IQONIC DESIGN.