Add icons to this collection by clicking the heart icon.
Shaving Foam icon - also known as hairdresser, beauty, foam, hair salon, barber shop, and shaving foam. 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 502 502"
>
    <linearGradient
        id="c"
        x1="230.891"
        x2="502"
        y1="331.971"
        y2="331.971"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".021" stop-color="#7edbb1" />
        <stop offset="1" stop-color="#03c27e" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ced5d5" />
        <stop offset="1" stop-color="#ededed" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="345.691"
        x2="345.691"
        y1="103.196"
        y2="2.233"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="366.446"
        x2="366.446"
        y1="207.397"
        y2="90.22"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#03c27e" />
        <stop offset=".979" stop-color="#7edbb1" />
    </linearGradient>
    <linearGradient id="b">
        <stop offset="0" stop-color="#1780ca" />
        <stop offset="1" stop-color="#7fbdeb" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="366.446"
        x2="366.446"
        y1="279.24"
        y2="182.509"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="g"
        x1="366.446"
        x2="366.446"
        y1="499.767"
        y2="375.962"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="h"
        x1="157.859"
        x2="157.859"
        y1="356.887"
        y2="198.519"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="159.158"
        x2="159.158"
        y1="432.916"
        y2="280.858"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="166.645"
        x2="166.645"
        y1="499.765"
        y2="366.067"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#c)"
        d="M502 279.24v96.722l-135.554 33.713-135.555-33.713V279.24l135.555-24.974z"
    />
    <path
        fill="url(#d)"
        d="M382.897 2.233h-89.511c-11.464 0-20.757 9.293-20.757 20.757 0 11.464 9.293 20.757 20.757 20.757h12.562a8.195 8.195 0 0 1 8.195 8.194v51.255h104.609V38.087c0-19.802-16.053-35.854-35.855-35.854z"
    />
    <path
        fill="url(#e)"
        d="m502 182.509-135.554 24.888-135.554-24.888c0-50.971 41.318-92.289 92.289-92.289h86.531c50.97 0 92.288 41.318 92.288 92.289z"
    />
    <path fill="url(#f)" d="M230.891 182.509H502v96.731H230.891z" />
    <path
        fill="#01bc72"
        d="M339.4 375.779a150.12 150.12 0 0 0-18.944-21.75c.891-12.347-.679-24.527-4.646-36.327-2.756-8.2-10.484-13.696-19.135-13.696-11.847 0-21.152 10.148-20.127 21.951l4.343 50.005 75.147 31.125c-3.953-10.82-9.502-21.303-16.638-31.308z"
    />
    <path
        fill="url(#g)"
        d="M230.891 447.352v-71.391H502v71.391c0 28.947-23.468 52.415-52.415 52.415H295.657z"
    />
    <path
        fill="#1684d4"
        d="m230.891 447.352 64.766 52.415h54.264c4.661-7.08 8.165-15.165 10.179-23.994 8.011-35.106.895-69.614-20.573-99.812H230.891z"
    />
    <path
        fill="url(#h)"
        d="M151.194 207.614c8.992-9.428 21.274-11.767 31.948-5.885 23.844 13.139 58.051 38.545 66.496 79.129l-.036.03-5.366 27.624-84.981 48.375-85.832-33.096c-32.307-87.961 50.864-87.965 77.771-116.177z"
    />
    <path
        fill="#fff"
        d="M206.94 277.122c-2.762-5.517-6.492-10.871-11.086-15.914-3.719-4.083-3.425-10.408.658-14.127s10.408-3.424 14.127.658c5.829 6.399 10.601 13.272 14.185 20.428 2.473 4.938.474 10.946-4.465 13.419-4.955 2.482-10.955.458-13.419-4.464zM170.325 240.532a156.36 156.36 0 0 0-3.722-2.211c-4.786-2.756-6.432-8.87-3.675-13.656 2.756-4.786 8.87-6.432 13.656-3.675 1.408.811 2.805 1.64 4.19 2.489 4.709 2.885 6.188 9.042 3.302 13.751-2.895 4.725-9.056 6.178-13.751 3.302z"
    />
    <path
        fill="url(#i)"
        d="M249.637 280.858s53.396 32.663 38.335 85.209l2.677 58.161-124.229 8.688L37.337 415.54c-61.435-134.682 189.027-93.498 212.3-134.682z"
    />
    <path
        fill="url(#j)"
        d="M287.972 366.067c-11.006 48.209-261.436-10.101-286.418 81.812-7.029 25.861 10.701 51.886 34.864 51.886h259.239c16.622 0 31.084-12.648 35.195-30.666 14.837-65.023-42.88-103.032-42.88-103.032z"
    />
    <ellipse cx="83.632" cy="408.111" fill="#fdaece" rx="14.108" ry="11.338" />
    <ellipse cx="249.659" cy="408.111" fill="#fdaece" rx="14.108" ry="11.338" />
    <circle cx="107.819" cy="380.135" r="27.976" fill="#fff" />
    <circle
        cx="119.121"
        cy="380.135"
        r="16.674"
        fill="#383842"
        transform="rotate(-76.7 119.167 380.238)"
    />
    <circle cx="225.472" cy="380.135" r="27.976" fill="#fff" />
    <g fill="#383842">
        <circle
            cx="236.715"
            cy="380.135"
            r="16.674"
            transform="rotate(-45 236.664 380.207)"
        />
        <ellipse cx="166.645" cy="401.342" rx="12.517" ry="16.39" />
    </g>
</svg>
More icons in the same style and category