react-icons/ri#RiHeart2Fill JavaScript Examples

The following examples show how to use react-icons/ri#RiHeart2Fill. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: Services.jsx    From js-code with ISC License 6 votes vote down vote up
Services = () => (
    <div className="flex w-full justify-center items-center gradient-bg-services">
        <div className="flex mf:flex-row flex-col items-center justify-between md:p-20 py-12 px-4">
            <div className="flex-1 flex flex-col justify-start items-start">
                <h1 className="text-white text-3xl sm:text-5xl py-2 ">
                    Services that we
                    <br />
                    continue to improve
                </h1>
                <p className="text-left my-2 text-white font-light md:w-9/12 w-11/12 text-base">
                    The best choice for buying and selling your crypto assets, with the various
                    super friendly services we offer
                </p>
            </div>

            <div className="flex-1 flex flex-col justify-start items-center">
                <ServiceCard
                    color="bg-[#2952E3]"
                    title="Security gurantee"
                    icon={<BsShieldFillCheck fontSize={21} className="text-white" />}
                    subtitle="Security is guranteed. We always maintain privacy and maintain the quality of our products"
                />
                <ServiceCard
                    color="bg-[#8945F8]"
                    title="Best exchange rates"
                    icon={<BiSearchAlt fontSize={21} className="text-white" />}
                    subtitle="Security is guranteed. We always maintain privacy and maintain the quality of our products"
                />
                <ServiceCard
                    color="bg-[#F84550]"
                    title="Fastest transactions"
                    icon={<RiHeart2Fill fontSize={21} className="text-white" />}
                    subtitle="Security is guranteed. We always maintain privacy and maintain the quality of our products"
                />
            </div>
        </div>
    </div>
)