Last updated: 12.12.22

Logos

Contentstack
Show code   |  Copy to clipboard  
<img src="https://ui.contentstack.com/logos/cs-1.svg" alt="Contentstack" width="452" height="78" />
Contentstack
Show code   |  Copy to clipboard  
<img src="https://ui.contentstack.com/logos/cs-2.svg" alt="Contentstack" width="452" height="78" />
Contentstack
Show code   |  Copy to clipboard  
<img src="https://ui.contentstack.com/logos/cs-3.svg" alt="Contentstack" width="452" height="78" />
Contentstack
Show code   |  Copy to clipboard  
<img src="https://ui.contentstack.com/logos/cs-4.svg" alt="Contentstack" width="452" height="78" />
Contentstack
Show code   |  Copy to clipboard  
<img src="https://ui.contentstack.com/logos/icon-cs-1.svg" alt="Contentstack" width="92" height="78" />
Contentstack
Show code   |  Copy to clipboard  
<img src="https://ui.contentstack.com/logos/icon-cs-2.svg" alt="Contentstack" width="92" height="78" />






Uniform_icon.svgUniform_icon.svgUniform_icon.svgUniform_icon.svgUniform_icon.svgUniform_icon.svgUniform_icon.svgUniform_icon.svgUniform_icon.svgUniform_icon.svgUniform_icon.svgUniform_icon.svg
Show code   |  Copy to clipboard  
<div className="cs-logo-block mw-500">
    <div className="row justify-content-lg-end mw-lg-500 justify-content-start">
        {[...Array(12)].map((item,i) => {
            return (
                <a
                    key={i}
                    className="col-auto d-flex align-items-center justify-content-center rounded shadow-lg bg-white m-sm-2 mb-3 ms-2 me-1"
                    href="#">
                    <img
                        loading="lazy"
                        decoding="async"
                        className="mx-auto"
                        src="https://images.contentstack.io/v3/assets/blt7359e2a55efae483/blt153800267561996b/62b1b2bd1924062a8bba5f69/Uniform_icon.svg?format=pjpg&amp;auto=webp"
                        alt="Uniform_icon.svg"
                        />
                </a>
            )
        })}
    </div>
</div>






Techstack Logos

Show code   |  Copy to clipboard  
<img src="https://ui.contentstack.com/logos/tech/ios.svg" alt="ios" />




Clickable Logos

For disabled logos add disabled class and update image to gray

Disabled


Disabled

Show code   |  Copy to clipboard  
<div className="d-flex">
    <a href="#" className="boxed-button hover:raise-25 me-3">
        <img src="https://ui.contentstack.com/logos/commercetools.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3">
        <img src="https://ui.contentstack.com/logos/gatsby.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3">
        <img src="https://ui.contentstack.com/logos/marketo.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3">
        <img src="https://ui.contentstack.com/logos/bigcommerce.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3">
        <img src="https://ui.contentstack.com/logos/netlify.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3">
        <img src="https://ui.contentstack.com/logos/smartling.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3">
        <img src="https://ui.contentstack.com/logos/constructorio.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3">
        <img src="https://ui.contentstack.com/logos/amazontranslate.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3">
        <img src="https://ui.contentstack.com/logos/bynder.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3">
        <img src="https://ui.contentstack.com/logos/algolia.svg" alt="" />
    </a>
</div>

<div className="d-flex">
    <a href="#" className="boxed-button hover:raise-25 me-3 disabled">
        <img src="https://ui.contentstack.com/logos/commercetools-gray.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3 disabled">
        <img src="https://ui.contentstack.com/logos/gatsby-gray.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3 disabled">
        <img src="https://ui.contentstack.com/logos/marketo-gray.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3 disabled">
        <img src="https://ui.contentstack.com/logos/bigcommerce-gray.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3 disabled">
        <img src="https://ui.contentstack.com/logos/netlify-gray.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3 disabled">
        <img src="https://ui.contentstack.com/logos/smartling-gray.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3 disabled">
        <img src="https://ui.contentstack.com/logos/constructorio-gray.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3 disabled">
        <img src="https://ui.contentstack.com/logos/amazontranslate-gray.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3 disabled">
        <img src="https://ui.contentstack.com/logos/bynder-gray.svg" alt="" />
    </a>
    <a href="#" className="boxed-button hover:raise-25 me-3 disabled">
        <img src="https://ui.contentstack.com/logos/algolia-gray.svg" alt="" />
    </a>
</div>