Add icons to this collection by clicking the heart icon.
Yellow Card icon - also known as football, referee, soccer, rules, yellow card, amonestation, sports and competition, hands and gestures, and penalty card. Created in a clean color 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 510.001 510.001"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffdfcf" />
<stop offset="1" stop-color="#ffa78f" />
</linearGradient>
<linearGradient
id="d"
x1="115.221"
x2="156.525"
y1="189.789"
y2="189.789"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="129.215"
x2="287.621"
y1="271.041"
y2="429.447"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f89580" stop-opacity="0" />
<stop offset=".997" stop-color="#c5715a" />
</linearGradient>
<linearGradient
id="f"
x1="240.465"
x2="240.465"
y1="390.791"
y2="327.285"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="178.686"
x2="382.405"
y1="63.967"
y2="267.686"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fee97d" />
<stop offset="1" stop-color="#fac600" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#fac600" stop-opacity="0" />
<stop offset=".69" stop-color="#d68c3d" stop-opacity=".69" />
<stop offset="1" stop-color="#c5715a" />
</linearGradient>
<linearGradient
id="h"
x1="287.466"
x2="287.466"
y1="269.029"
y2="365.677"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="297.237"
x2="129.13"
y1="372.019"
y2="203.913"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="105.378"
x2="226.429"
y1="260.859"
y2="381.909"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="159.236"
x2="217.876"
y1="385.066"
y2="241.829"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="217"
x2="217"
y1="419.791"
y2="455.915"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="217"
x2="217"
y1="435"
y2="524.627"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#d8ecfe" />
</linearGradient>
<linearGradient
id="n"
x1="217"
x2="217"
y1="482"
y2="511.018"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d8ecfe" stop-opacity="0" />
<stop offset=".787" stop-color="#9bd1fe" stop-opacity=".787" />
<stop offset="1" stop-color="#8ac9fe" />
</linearGradient>
<path
fill="url(#d)"
d="M172.221 305.289h-49v-182c0-27.062 21.938-49 49-49z"
/>
<path
fill="url(#e)"
d="M140.463 457.79h146.983c29.282 0 53.02-23.738 53.02-53.02v-97.98H140.463z"
/>
<path
fill="url(#f)"
d="M140.463 416.79H339.08a53.132 53.132 0 0 0 1.385-12.02v-97.98H140.463z"
/>
<path
fill="url(#g)"
d="M396.563 345.493H178.368c-10.992 0-19.902-8.91-19.902-19.902V19.902C158.466 8.911 167.376 0 178.368 0h218.195c10.992 0 19.902 8.911 19.902 19.902v305.689c.001 10.992-8.91 19.902-19.902 19.902z"
/>
<path
fill="url(#h)"
d="M158.466 156v169.591c0 10.992 8.911 19.902 19.902 19.902h218.195c10.992 0 19.902-8.911 19.902-19.902V156z"
/>
<path
fill="url(#i)"
d="m216.065 190.26-57.599 57.599v77.731c0 10.992 8.911 19.902 19.902 19.902h192.93z"
/>
<path
fill="url(#j)"
d="m177.595 306.85 17.953 17.953a77.903 77.903 0 0 1 22.817 55.085c0 43.024-34.878 77.902-77.902 77.902-25.918 0-46.928-21.01-46.928-46.928V308.701a88.3 88.3 0 0 1 25.86-62.44l56.01-56c5.61-5.61 12.97-8.42 20.33-8.42s14.72 2.81 20.33 8.42c21.57 21.57 21.57 56.55 0 78.12z"
/>
<path
fill="url(#k)"
d="M218.365 379.889a77.899 77.899 0 0 0-22.817-55.085l-17.953-17.953-84.06 84.06v19.952c0 25.918 21.01 46.928 46.928 46.928 43.024-.001 77.902-34.878 77.902-77.902z"
/>
<path
fill="url(#l)"
d="M93.535 375.79v35.072c0 25.918 21.01 46.928 46.928 46.928h146.983c29.282 0 53.02-23.738 53.02-53.02v-28.98z"
/>
<path
fill="url(#m)"
d="M331.212 510.001H102.789a9.254 9.254 0 0 1-9.254-9.254v-37.492a9.254 9.254 0 0 1 9.254-9.254h228.423a9.254 9.254 0 0 1 9.254 9.254v37.492a9.254 9.254 0 0 1-9.254 9.254z"
/>
<path
fill="url(#n)"
d="M93.535 475v25.747a9.254 9.254 0 0 0 9.254 9.254h228.423a9.254 9.254 0 0 0 9.254-9.254V475z"
/>
</svg>
More icons in the same style and category