Add icons to this collection by clicking the heart icon.
Shea Butter icon - also known as natural product, organic, beauty, cosmetics, wellness, moisturizer, and shea butter. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="74.981"
        x2="437.019"
        y1="74.981"
        y2="437.019"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#4ad0ff" />
        <stop offset="1" stop-color="#30bbec" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="139.703"
        x2="437.537"
        y1="223.38"
        y2="223.38"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f9bb69" />
        <stop offset="1" stop-color="#fc9f63" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="182.251"
        x2="394.989"
        y1="223.38"
        y2="223.38"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#fdf6df" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="74.463"
        x2="372.297"
        y1="288.62"
        y2="288.62"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f6d76f" />
        <stop offset="1" stop-color="#f9bb69" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="117.011"
        x2="329.75"
        y1="288.62"
        y2="288.62"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fdf6df" />
        <stop offset="1" stop-color="#fae8ac" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="159.558"
        x2="287.202"
        y1="301.916"
        y2="301.916"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#8d5d4d" />
        <stop offset="1" stop-color="#6c4b41" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="171.54"
        x2="275.22"
        y1="251.391"
        y2="251.391"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fc9f63" />
        <stop offset="1" stop-color="#d7795c" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <circle cx="288.62" cy="223.38" r="148.917" fill="url(#b)" />
    <circle cx="288.62" cy="223.38" r="106.369" fill="url(#c)" />
    <circle cx="223.38" cy="288.62" r="148.917" fill="url(#d)" />
    <circle cx="223.38" cy="288.62" r="106.369" fill="url(#e)" />
    <path
        fill="url(#f)"
        d="M275.22 251.391H171.54c-7.539 10.479-11.982 23.335-11.982 37.229 0 35.248 28.574 63.822 63.822 63.822s63.822-28.574 63.822-63.822c0-13.895-4.443-26.75-11.982-37.229z"
    />
    <ellipse cx="223.38" cy="251.391" fill="url(#g)" rx="51.84" ry="26.592" />
</svg>
More icons in the same style and category