Logo

• The Logo component can be found in the src/components/partials/components/logo.js.
• You can add a logo icon to your Website using the following code and below step.

<div className="logo-main">
    <div className="logo-normal">
        <svg
            className={`${props.color === 'true' ? "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>
            <rectx="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)" fill="currentColor" ></rect>
            <rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)" fill="currentColor" ></rect>
            <rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)" fill="currentColor" ></rect>
        </svg>
    </div>

    <div className="logo-mini">
        <svg className={`${props.color === true ? "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>
</div>

• import the logo component at top your component
• change the import path of logo according to your folder structure of project.
• following code are basic example how to use.

import Logo from "../logo";

Use following code inside return statement to use logo.

• if you want color logo then Pass color as true

<Logo color={'true'} />

Change Defalut Logo Color

• First navigate to this path src/components/partials/components/logo.js. for changing the color of logo.
• change color text-primary to as you want example : text-primary to text-success
• Follow the below example code for change the color

<svg className={`${props.color === true ? "text-success" : ""} icon-30`} viewBox="0 0 30 30" fill="none"xmlns="http://www.w3.org/2000/svg" >