Beard Oil

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="437"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c3ffe8" />
        <stop offset=".997" stop-color="#f0fff4" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="512"
        y2="122"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00b59c" />
        <stop offset="1" stop-color="#9cffac" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M316 227c-9.961 0-18.662 4.629-24.082 11.924C281.811 231.292 269.33 227 256 227s-25.811 4.292-35.918 11.909C214.662 231.629 205.99 227 196 227c-16.816 0-30 13.184-30 30v52.793c0 53.071 29.414 100.649 77.49 124.497 4.248 1.816 8.35 2.71 12.51 2.71s8.262-.894 13.271-3.062C316.586 410.442 346 362.864 346 309.793V257c0-16.816-13.184-30-30-30zm-120-75h120c8.291 0 15-6.709 15-15v-30c0-19.556-12.539-36.24-30-42.437V45c0-24.814-20.186-45-45-45s-45 20.186-45 45v19.563C193.539 70.76 181 87.444 181 107v30c0 8.291 6.709 15 15 15z"
    />
    <path
        fill="url(#b)"
        d="M316 122H196c-41.4 0-75 33.6-75 75v270c0 24.898 20.099 45 45 45h180c24.901 0 45-20.102 45-45V197c0-41.4-33.6-75-75-75zm15 187.8c0 47.098-26.1 89.7-68.401 110.7-2.098.899-4.199 1.5-6.599 1.5s-4.501-.601-6.599-1.5C207.1 399.5 181 356.899 181 309.8V257c0-8.401 6.599-15 15-15s15 6.599 15 15c0 4.2 1.8 8.099 4.501 10.799 7.2-15.3 22.5-25.799 40.499-25.799s33.3 10.499 40.499 25.799C299.2 265.099 301 261.2 301 257c0-8.401 6.599-15 15-15s15 6.599 15 15z"
    />
</svg>