Home
Steven Kuhn
Company icons chips

Company icons chips

This tailwind example is contributed by Steven Kuhn, on 14-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is tags

Chip

Author Steven Kuhn

9.6k

Fork Fullscreen

<button type="button">
            <span
                class="bg-white inline-flex text-primary py-0.5 px-3 items-center justify-between text-xs capitalize border border-gray-400 rounded-full hover:bg-gray-gray1 mb-2 mr-2">
                <img
                    alt=" " src="https://d26c7l40gvbbg2.cloudfront.net/tool_icons/laravel.svg" decoding="async"
                    data-nimg="1" class="object-cover w-4 h-4 mr-1" loading="lazy" style="color: transparent;"
                    width="16" height="16">
                <span class="capitalize lg:inline leading-5">Laravel</span></span>
        </button>
        <button type="button">
            <span
                class="bg-white inline-flex text-primary py-0.5 px-3 items-center justify-between text-xs capitalize border border-gray-400 rounded-full hover:bg-gray-gray1 mb-2 mr-2">
                <img
                    alt=" " src="https://d26c7l40gvbbg2.cloudfront.net/tool_icons/javascript.svg"
                    decoding="async" data-nimg="1" class="object-cover w-4 h-4 mr-1" loading="lazy"
                    style="color: transparent;" width="16" height="16">
                <span class="capitalize lg:inline leading-5">JavaScript</span></span>
        </button>
        <button type="button">
            <span
                class="bg-white inline-flex text-primary py-0.5 px-3 items-center justify-between text-xs capitalize border border-gray-400 rounded-full hover:bg-gray-gray1 mb-2 mr-2">
                <img
                    alt=" " src="https://d26c7l40gvbbg2.cloudfront.net/tool_icons/php.svg" decoding="async"
                    data-nimg="1" class="object-cover w-4 h-4 mr-1" loading="lazy" style="color: transparent;"
                    width="16" height="16">
                <span class="capitalize lg:inline leading-5">PHP</span></span>
        </button>
        <button type="button">
            <span
                class="bg-white inline-flex text-primary py-0.5 px-3 items-center justify-between text-xs capitalize border border-gray-400 rounded-full hover:bg-gray-gray1 mb-2 mr-2">
                <img
                    alt=" " src="https://d26c7l40gvbbg2.cloudfront.net/tool_icons/mysql.svg" decoding="async"
                    data-nimg="1" class="object-cover w-4 h-4 mr-1" loading="lazy" style="color: transparent;"
                    width="16" height="16">
                <span class="capitalize lg:inline leading-5">MySQL</span></span>
        </button>
        <button type="button">
            <span
                class="bg-white inline-flex text-primary py-0.5 px-3 items-center justify-between text-xs capitalize border border-gray-400 rounded-full hover:bg-gray-gray1 mb-2 mr-2">
                <img
                    alt=" " src="https://d26c7l40gvbbg2.cloudfront.net/tool_icons/tailwindcss.svg"
                    decoding="async" data-nimg="1" class="object-cover w-4 h-4 mr-1" loading="lazy"
                    style="color: transparent;" width="16" height="16">
                <span class="capitalize lg:inline leading-5">TailwindCSS</span></span>
        </button>
    </div>
</div>

Related Examples