Add icons to this collection by clicking the heart icon.
Devil icon - also known as emotion, angry, expression, evil, angry face, feelings, devil, smileys, emoji, and emojis. Created in a clean lineal color gradient style with a white, black, red, and maroon finish, 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 500 500"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#750000" />
        <stop offset=".56" stop-color="#a60000" />
        <stop offset="1" stop-color="#c00" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="156.569"
        x2="156.569"
        y1="264.787"
        y2="404.135"
        gradientTransform="matrix(1 0 0 -1 0 502)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="119.93"
        x2="185.107"
        y1="328.625"
        y2="328.625"
        gradientTransform="matrix(1 0 0 -1 0 502)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#eb6c7e" />
        <stop offset=".44" stop-color="#d1223a" />
        <stop offset="1" stop-color="#b0001a" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="343.43"
        x2="343.43"
        y1="264.787"
        y2="403.877"
        gradientTransform="matrix(1 0 0 -1 0 502)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="314.893"
        x2="380.075"
        y1="328.625"
        y2="328.625"
        gradientTransform="matrix(1 0 0 -1 0 502)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#b0001a" />
        <stop offset=".56" stop-color="#d1223a" />
        <stop offset="1" stop-color="#eb6c7e" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="250.002"
        x2="250.002"
        y1="92"
        y2="412.008"
        gradientTransform="matrix(1 0 0 -1 0 502)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="250"
        x2="250"
        y1="101.997"
        y2="402"
        gradientTransform="matrix(1 0 0 -1 0 502)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff0f20" />
        <stop offset=".56" stop-color="#f44955" />
        <stop offset=".999" stop-color="#ff9ea4" />
    </linearGradient>
    <path
        fill="url(#b)"
        d="M130.8 228.2c-37.2-57.6-13.6-106.7-12.6-108.8l10.7-21.6 7.7 22.9c.1.3 12.8 35.7 53.5 59.4l13.1 7.6-66.7 49.4z"
    />
    <path
        fill="url(#c)"
        d="M185.1 188.8c-44.9-26.1-58-64.9-58-64.9s-22.5 45.4 12.1 98.9z"
    />
    <path
        fill="url(#d)"
        d="m296.7 187.8 13.1-7.6c40.8-23.7 53.4-59.1 53.6-59.5l7.8-22.6 10.6 21.4c1 2.1 24.6 51.1-12.6 108.8l-5.8 9z"
    />
    <path
        fill="url(#e)"
        d="M314.9 188.8c44.9-26.1 58-64.9 58-64.9s22.5 45.4-12.1 98.9z"
    />
    <path
        fill="url(#f)"
        d="M327.8 410c-6.5 0-13-1.6-18.7-4.7l-59.1-31-59.1 31c-5.8 3.1-12.2 4.7-18.7 4.7-11.9 0-23.2-5.3-30.9-14.5-7.7-9-10.9-21-8.8-32.7l11.3-65.8L96 250.5c-15.9-15.5-16.2-41-.7-56.9 6.2-6.3 14.3-10.5 23-11.7l66-9.6 29.5-59.8c9.8-19.9 34-28.1 53.9-18.3 7.9 3.9 14.4 10.3 18.3 18.3l29.5 59.8 66 9.6c22 3.2 37.2 23.6 34.1 45.6-1.3 8.8-5.4 16.9-11.7 23l-47.8 46.6 11.3 65.8c2.1 11.6-1.1 23.6-8.8 32.6-7.6 9.2-18.9 14.5-30.8 14.5z"
    />
    <path
        fill="url(#g)"
        d="m277.1 116.9 31.9 64.5 71.2 10.4c24.8 3.6 34.7 34.1 16.8 51.6l-51.5 50.2 12.2 70.9c4.2 24.7-21.7 43.6-43.9 31.9L250 363l-63.7 33.5c-22.2 11.7-48.1-7.2-43.9-31.9l12.2-70.9-51.6-50.3c-18-17.5-8-48 16.8-51.6l71.2-10.4 31.9-64.5c11.1-22.5 43.1-22.5 54.2 0z"
    />
    <path
        fill="#b2001a"
        d="M297.7 351.8s-26.9-12.2-47.8-12.2-47.8 12.2-47.8 12.2 12.1-28.2 47.8-28.2 47.8 28.2 47.8 28.2z"
    />
    <path
        fill="#750000"
        d="M292.7 346.9c-16.1-7.4-30.5-10.2-42.7-10.4h-.1c-12.2.3-26.6 3-42.7 10.4.5-.6 18-19.9 42.7-20.1 24.8.2 42.3 19.5 42.8 20.1z"
    />
    <ellipse cx="298.1" cy="253.2" fill="#b2001a" rx="43" ry="47.6" />
    <ellipse cx="297.5" cy="254.6" fill="#fff" rx="40.9" ry="44.5" />
    <ellipse cx="279.9" cy="254.6" fill="#1e1e1e" rx="21.2" ry="22" />
    <ellipse cx="279.9" cy="254.6" fill="#f4424e" rx="18.2" ry="18.9" />
    <ellipse cx="279.9" cy="254.6" fill="#1e1e1e" rx="11.2" ry="11.7" />
    <g fill="#fff">
        <circle cx="290" cy="244.5" r="8" />
        <circle cx="277.2" cy="264.2" r="3.4" />
    </g>
    <ellipse cx="201.9" cy="253.2" fill="#b2001a" rx="43" ry="47.6" />
    <ellipse cx="202.5" cy="254.6" fill="#fff" rx="40.9" ry="44.5" />
    <ellipse cx="220.1" cy="254.6" fill="#1e1e1e" rx="21.2" ry="22" />
    <ellipse cx="220.1" cy="254.6" fill="#f4424e" rx="18.2" ry="18.9" />
    <ellipse cx="220.1" cy="254.6" fill="#1e1e1e" rx="11.2" ry="11.7" />
    <g fill="#fff">
        <circle cx="230.2" cy="244.5" r="8" />
        <circle cx="217.4" cy="264.2" r="3.4" />
    </g>
    <g fill="#750000">
        <path
            d="M331.6 203.7c-.1-1-1.6-2.5-1.6-2.5s-14.3-9.6-31-10.9-27.4 2.2-34 7.7c-6.9 5.7-14.2 16.1-5.8 26.3 4.4 5.3 9.2 1 15-2.5s22.5-16.1 53.7-15.7c3.2.1 3.8-1.2 3.7-2.4zM168.4 203.7c.1-1 1.6-2.5 1.6-2.5s14.3-9.6 31-10.9 27.4 2.2 34 7.7c6.9 5.7 14.2 16.1 5.8 26.3-4.4 5.3-9.2 1-15-2.5s-22.5-16.1-53.7-15.7c-3.2.1-3.8-1.2-3.7-2.4z"
        />
    </g>
</svg>
More icons in the same style and category