Add icons to this collection by clicking the heart icon.
Raincoat icon - also known as fashion, protection, rain, and raincoat. 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="c"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d5f" />
<stop offset="1" stop-color="#fffa78" />
</linearGradient>
<radialGradient
id="d"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d5f" stop-opacity=".7" />
<stop offset=".034" stop-color="#ff555a" stop-opacity=".676" />
<stop offset=".279" stop-color="#ff8d3a" stop-opacity=".504" />
<stop offset=".507" stop-color="#ffb821" stop-opacity=".345" />
<stop offset=".71" stop-color="#ffd80f" stop-opacity=".203" />
<stop offset=".881" stop-color="#ffeb04" stop-opacity=".083" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffc021" />
<stop offset=".5" stop-color="#fffa78" />
<stop offset=".813" stop-color="#fffdcf" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="-73.432"
x2="657.163"
y1="425.936"
y2="-304.659"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="f"
cx="256"
cy="5.613"
r="215.908"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" stop-opacity="0" />
<stop offset=".243" stop-color="#ffef02" stop-opacity=".17" />
<stop offset=".4" stop-color="#ffe707" stop-opacity=".28" />
<stop offset=".532" stop-color="#ffd80f" stop-opacity=".373" />
<stop offset=".651" stop-color="#ffc31b" stop-opacity=".456" />
<stop offset=".761" stop-color="#ffa82b" stop-opacity=".533" />
<stop offset=".864" stop-color="#ff863e" stop-opacity=".605" />
<stop offset=".96" stop-color="#ff5f54" stop-opacity=".672" />
<stop offset="1" stop-color="#ff4d5f" stop-opacity=".7" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#f7022f" />
<stop offset=".3" stop-color="#ff4753" />
<stop offset=".42" stop-color="#ff554d" />
<stop offset=".649" stop-color="#ff7b3e" />
<stop offset=".961" stop-color="#ffb825" />
<stop offset="1" stop-color="#ffc021" />
</linearGradient>
<linearGradient
id="g"
x1="-225.728"
x2="376.31"
y1="582.236"
y2="-19.803"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="-61.859"
x2="496.669"
y1="581.495"
y2="22.967"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="204.377"
x2="782.372"
y1="471.587"
y2="-106.409"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="11.052"
x2="436.084"
y1="421.798"
y2="-3.234"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="-2.318"
x2="812.827"
y1="598.317"
y2="-216.829"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="-131.892"
x2="525.675"
y1="519.915"
y2="-137.651"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="16.311"
x2="735.581"
y1="509.575"
y2="-209.695"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="-20.508"
x2="642.467"
y1="570.937"
y2="-92.039"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="49.143"
x2="720.968"
y1="621.718"
y2="-50.107"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="-34.751"
x2="634.34"
y1="647.568"
y2="-21.523"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="171.899"
x2="703.444"
y1="339.95"
y2="-191.594"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="101.756"
x2="732.678"
y1="267.378"
y2="-363.544"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="78.646"
x2="621.322"
y1="329.02"
y2="-213.655"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="-126.464"
x2="510.185"
y1="523.141"
y2="-113.508"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="-152.557"
x2="491.542"
y1="477.967"
y2="-166.133"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="-75.011"
x2="568.997"
y1="557.896"
y2="-86.112"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="-309.93"
x2="331.826"
y1="736.156"
y2="94.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="-154.642"
x2="494.671"
y1="560.938"
y2="-88.375"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="-394.39"
x2="256.463"
y1="744.717"
y2="93.864"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M353.216 71.427c-9.906-.388-19.811-.716-29.716-.984-22.315 9.584-44.83 19.576-67.5 29.824-22.67-10.25-45.186-20.244-67.5-29.829-9.905.27-19.811.6-29.716.99-4.326.171-7.915 4.026-7.711 8.382 2.432 54.576 48.404 97.189 104.927 97.332 56.521-.143 102.495-42.756 104.927-97.332.204-4.357-3.385-8.211-7.711-8.383z"
/>
<path
fill="url(#f)"
d="M353.216 71.427c-9.906-.388-19.811-.716-29.716-.984-22.315 9.584-44.83 19.576-67.5 29.824-22.67-10.252-45.186-20.247-67.5-29.834-9.905.272-19.81.604-29.716.995-4.326.171-7.915 4.026-7.711 8.382 2.432 54.576 48.404 97.189 104.927 97.332 56.521-.143 102.495-42.756 104.927-97.332.204-4.357-3.385-8.211-7.711-8.383z"
/>
<path
fill="url(#g)"
d="M278.5 69.624c.124 20.489.227 40.977.31 61.466a3770.296 3770.296 0 0 0-45.62 0c.083-20.492.186-40.984.31-61.477 15-.132 30-.129 45 .011z"
/>
<path
fill="url(#h)"
d="M225.675 115.784c-.597 98.601-.565 197.202.098 295.803 20.151.203 40.303.203 60.454 0 .663-98.601.696-197.202.098-295.803a3350.18 3350.18 0 0 0-60.65 0z"
/>
<path
fill="url(#i)"
d="M409.682 280.44c-.055 10-.145 20-.268 30-.052 4.138-3.533 7.568-7.765 7.651a7621.22 7621.22 0 0 1-53.66.84c.105-12.7.179-25.4.22-38.1 20.491-.098 40.982-.228 61.473-.391z"
/>
<path
fill="url(#j)"
d="M163.791 280.831c.042 12.7.115 25.4.22 38.1a7619.326 7619.326 0 0 1-53.66-.84c-4.23-.083-7.714-3.513-7.765-7.651-.123-10-.213-20-.268-30 20.491.163 40.982.293 61.473.391z"
/>
<path
fill="url(#k)"
d="M409.384 199.19a4418.9 4418.9 0 0 1 .298 81.25c-.023 4.141-3.488 7.534-7.73 7.578-33.288.329-66.575.545-99.862.649.022-10.227.033-20.455.035-30.682 20.505-40.955 40.854-81.672 60.393-121.671 5.747 3.696 11.5 7.39 17.261 11.08 18.037 11.601 29.339 31.142 29.605 51.796z"
/>
<path
fill="url(#l)"
d="M209.875 257.984c.001 10.228.013 20.455.035 30.682-33.287-.104-66.575-.32-99.862-.649-4.243-.044-7.707-3.438-7.73-7.578-.15-27.083-.051-54.167.298-81.25.266-20.654 11.569-40.196 29.606-51.797 5.76-3.693 11.514-7.391 17.261-11.09 19.538 40.004 39.887 80.724 60.392 121.682z"
/>
<path
fill="url(#m)"
d="M202.219 227.325c-17.949 10.277-35.909 20.521-53.844 30.64.018 58.233.822 116.466 2.413 174.699.116 4.191 3.573 7.738 7.712 7.903 15 .591 30 1.046 45 1.365a13167.417 13167.417 0 0 1-1.281-214.607z"
/>
<path
fill="url(#n)"
d="M194.536 227.351a11501.2 11501.2 0 0 0 1.343 206.752c.066 4.226 3.483 7.74 7.621 7.828 10 .212 20 .364 30 .455 4.139.038 7.484-3.386 7.47-7.629-.267-69.171-.379-138.341-.336-207.512-15.366.015-30.732.05-46.098.106z"
/>
<path
fill="url(#o)"
d="M271.372 273.359c-.02 53.799-.134 107.599-.341 161.398-.015 4.243 3.331 7.667 7.47 7.629 25-.228 50-.834 75-1.819 4.139-.165 7.595-3.711 7.712-7.903a6468.411 6468.411 0 0 0 1.506-68.361c-29.983-29.633-60.615-60.218-91.347-90.944z"
/>
<path
fill="url(#p)"
d="M271.366 227.246c.01 15.371.011 30.742.006 46.114.074 50.979 40.926 92.291 91.346 90.944.594-35.446.896-70.893.907-106.339-30.747-10.114-61.52-20.444-92.259-30.719z"
/>
<path
fill="url(#q)"
d="M331.813 116.503a3365.784 3365.784 0 0 0-45.488-.719 9055.401 9055.401 0 0 1-15.062 38.325c.054 24.379.088 48.758.103 73.136.01 16.983 13.775 30.747 30.759 30.739 20.5-.004 41-.01 61.5-.019.012-40.55-.357-81.101-1.107-121.651-10.262-6.606-20.5-13.216-30.705-19.811z"
/>
<path
fill="url(#r)"
d="M180.187 116.493a20549.333 20549.333 0 0 1-30.705 19.811 6458.904 6458.904 0 0 0-1.107 121.662c15.375.007 30.75.012 46.125.016 10.242-47.263 20.779-94.712 31.175-142.207-15.163.135-30.325.375-45.488.718z"
/>
<path
fill="url(#s)"
d="M195.047 143.83c-.371 38.05-.553 76.101-.547 114.151l15.375.003c16.982.009 30.749-13.757 30.759-30.739.015-24.379.049-48.758.103-73.136a8922.954 8922.954 0 0 1-15.054-38.336 10687.112 10687.112 0 0 1-15.325 19.358c-6.59-4.1-15.228.835-15.311 8.699z"
/>
<path
fill="url(#t)"
d="M323.5 70.443c-15-.409-30-.682-45-.819-4.14-.038-7.484 3.384-7.47 7.629.099 25.619.176 51.237.233 76.856 20.322-12.743 40.527-25.329 60.55-37.607a9183.184 9183.184 0 0 0-.661-38.203c-.084-4.218-3.511-7.743-7.652-7.856z"
/>
<path
fill="url(#u)"
d="M180.187 116.493c20.023 12.281 40.227 24.87 60.55 37.617.056-25.622.134-51.244.233-76.867.014-4.245-3.329-7.666-7.47-7.629-15 .136-30 .409-45 .819-4.141.113-7.567 3.638-7.651 7.857a9180.195 9180.195 0 0 0-.662 38.203z"
/>
<path
fill="url(#v)"
d="M286.596 171.587c.037 10.24.068 20.48.092 30.72.009 4.242 3.453 7.69 7.693 7.705s7.665-3.404 7.651-7.64c-.036-10.227-.082-20.455-.138-30.682-5.099-.041-10.199-.076-15.298-.103z"
/>
<path
fill="url(#w)"
d="M293.648 85.153c-4.158-.058-7.503 3.344-7.474 7.586.186 26.283.326 52.565.422 78.848.015 4.242 3.454 7.696 7.682 7.722a7.554 7.554 0 0 0 7.616-7.619c-.144-26.251-.355-52.501-.633-78.752-.045-4.236-3.456-7.727-7.613-7.785z"
/>
<path
fill="url(#x)"
d="M210.106 171.69c-.056 10.227-.102 20.455-.138 30.682a7.607 7.607 0 0 0 7.651 7.64c4.24-.015 7.684-3.464 7.693-7.705.024-10.24.054-20.48.092-30.72-5.1.027-10.199.062-15.298.103z"
/>
<path
fill="url(#y)"
d="M218.352 85.153c-4.157.058-7.566 3.55-7.613 7.785-.278 26.251-.489 52.501-.633 78.752a7.554 7.554 0 0 0 7.616 7.619c4.229-.025 7.668-3.48 7.682-7.722.096-26.283.237-52.565.422-78.848.028-4.242-3.318-7.644-7.474-7.586z"
/>
</svg>
More icons in the same style and category