Add icons to this collection by clicking the heart icon.
Oat icon - also known as food, organic, grain, cereal, ingredient, porridge, oat, vanilla, food and restaurant, granola, and oats. Created in a clean flat gradient style with a white and silver 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 128 128"
>
<linearGradient
id="d"
x1="82.75"
x2="72.69"
y1="43.97"
y2="33.91"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e0e0e0" />
<stop offset=".16" stop-color="#dbdadb" />
<stop offset=".37" stop-color="#ccc9cc" />
<stop offset=".61" stop-color="#b5adb5" />
<stop offset=".87" stop-color="#948694" />
<stop offset="1" stop-color="#806f80" />
</linearGradient>
<linearGradient
id="e"
x1="706.86"
x2="729.26"
y1="-561.65"
y2="-584.04"
gradientTransform="rotate(45 -384.753 -1079.148)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2e6d6" />
<stop offset=".12" stop-color="#f2e2cc" />
<stop offset=".44" stop-color="#f2d7b4" />
<stop offset=".75" stop-color="#f2d1a5" />
<stop offset="1" stop-color="#f2cfa0" />
</linearGradient>
<linearGradient
id="a"
x1="-1529.91"
x2="-1529.91"
y1="-602.62"
y2="-573.94"
gradientTransform="rotate(-45 37.984 -2191.005)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2e6d6" />
<stop offset=".25" stop-color="#f2e3d0" />
<stop offset=".58" stop-color="#f2dcbf" />
<stop offset=".96" stop-color="#f2d0a3" />
<stop offset="1" stop-color="#f2cfa0" />
</linearGradient>
<linearGradient
id="f"
x1="22.78"
x2="51.46"
y1="23.51"
y2="23.51"
gradientTransform="rotate(45 37.127 23.51)"
href="#a"
/>
<linearGradient
id="g"
x1="47.9"
x2="47.9"
y1="56"
y2="92"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d7edf6" />
<stop offset=".03" stop-color="#cae5f3" />
<stop offset=".09" stop-color="#b5d8ed" />
<stop offset=".16" stop-color="#a9d0ea" />
<stop offset=".22" stop-color="#a5cde9" />
<stop offset="1" stop-color="#80bfe9" />
</linearGradient>
<linearGradient
id="b"
x1="86.69"
x2="112.02"
y1="66.87"
y2="52.24"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ac7771" />
<stop offset=".74" stop-color="#b99981" />
</linearGradient>
<linearGradient
id="h"
x1="46.17"
x2="77.3"
y1="108.28"
y2="90.31"
href="#b"
/>
<linearGradient
id="i"
x1="77.37"
x2="92.31"
y1="58.97"
y2="84.85"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff8e1" />
<stop offset=".61" stop-color="#ffeab0" />
<stop offset="1" stop-color="#ffd7af" />
</linearGradient>
<linearGradient
id="c"
x1="87.84"
x2="112.01"
y1="91.52"
y2="115.68"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffeaaf" />
<stop offset=".58" stop-color="#fff7dc" />
<stop offset="1" stop-color="#ffe2bb" />
</linearGradient>
<linearGradient
id="j"
x1="120.2"
x2="92.32"
y1="74.22"
y2="90.32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff8e1" />
<stop offset=".74" stop-color="#ffe7b8" />
</linearGradient>
<linearGradient
id="k"
x1="78.22"
x2="78.22"
y1="88.71"
y2="119.87"
href="#c"
/>
<linearGradient
id="l"
x1="61.31"
x2="79.75"
y1="75.3"
y2="93.74"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff8e1" />
<stop offset=".74" stop-color="#ffe1b1" />
</linearGradient>
<linearGradient
id="m"
x1="88.58"
x2="88.58"
y1="99.17"
y2="78.51"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffca98" />
<stop offset=".06" stop-color="#ffcf92" />
<stop offset=".23" stop-color="#ffd985" />
<stop offset=".38" stop-color="#ffdd80" />
<stop offset=".58" stop-color="#ffe798" />
<stop offset="1" stop-color="#ffffd4" />
</linearGradient>
<path
fill="url(#d)"
d="m68.5 50.69 11.65-24a3.35 3.35 0 1 1 6 3L75.28 51.44z"
/>
<ellipse cx="37.12" cy="58.51" fill="url(#e)" rx="15.84" ry="12.67" />
<ellipse
cx="62.38"
cy="50.72"
fill="url(#a)"
rx="12.67"
ry="15.84"
transform="rotate(-45 62.384 50.733)"
/>
<path
fill="#d8ae7d"
d="M71.66 61c-6.31-4.4-15.35-13.72-19.51-19.65a.63.63 0 0 1 .88-.88C58.91 44.62 68.25 53.64 72.68 60a.73.73 0 0 1-1 1z"
/>
<ellipse
cx="37.12"
cy="23.51"
fill="url(#f)"
rx="15.84"
ry="12.67"
transform="rotate(-45 37.115 23.514)"
/>
<path
fill="#d8ae7d"
d="M26.82 32.79c4.34-6.23 13.62-15.28 19.64-19.51a.65.65 0 0 1 .89.15.63.63 0 0 1 0 .73c-4.23 6-13.27 15.3-19.51 19.65a.73.73 0 0 1-1-1z"
/>
<path
fill="url(#g)"
d="M58 92H37.84C20.17 92 10 75.81 10 60.74V58a2 2 0 0 1 2-2h71.9a2 2 0 0 1 2 2v2.74C85.85 75.81 75.63 92 58 92z"
/>
<path
fill="url(#b)"
d="M109.69 49.61c2.76 4.33-1.29 8.92-4.56 12.35-3.83 4-7.77 7.78-11.79 11.53a2 2 0 0 1-2.73-2.93c1-.93 7.19-6.29 12.07-11 2.11-2 6.45-6.11 4.76-8.43-.52-.75-1.32-1-1.82-.16a2.55 2.55 0 1 1-2.25-3.86c1.07.08 4.17-.69 6.32 2.5z"
/>
<path
fill="url(#h)"
d="M49.81 104.22a2.44 2.44 0 0 0 2 1.62c3 .61 7.07-3.38 9.27-5.48A123.33 123.33 0 0 0 72 88.14a2.72 2.72 0 1 1 4 3.72c-4.37 3.79-7.72 7-12.51 11.14-3.41 3-7.28 6.28-11.83 6.47a9.9 9.9 0 0 1-6-2 2.8 2.8 0 1 1 4.21-3.22z"
/>
<path
fill="url(#i)"
d="M77.86 81.92a15.8 15.8 0 0 1-1.79-6.29c-.43-7 4-19.81 7.51-20s13.64 12.29 14.18 19.3C98 78 92 86 90 86s-12-4-12-4z"
/>
<path
fill="url(#c)"
d="M87.68 106.12c10.77 11.39 23.55 10.42 24.87 9 1.53-1.62 1.77-11.09-5.78-19.43a17.23 17.23 0 0 0-5.35-4.24C96 89 87 90 86 94s1.68 12.12 1.68 12.12z"
/>
<path
fill="url(#j)"
d="M96 78.51c1-2.51 2.58-4.51 4.7-5.24 6.62-2.36 18.16-2.85 19.2.51.74 2.42-2.49 15.5-13.85 20.84C101 97 93 94 93 91s3-12.49 3-12.49z"
/>
<path
fill="url(#k)"
d="M89.25 98.23a12.31 12.31 0 0 1-2.49 9.25c-7.56 9.63-14.88 12.91-16.54 12.33-2.11-.74-6.33-11.9 1-24.86 2.79-5 6.2-7.77 11-5.36S89 98 89 98z"
/>
<path
fill="url(#l)"
d="M76 74.93c-6.75-2-21.47 4.91-22.09 8.37-.44 2.5 1.91 6.56 11.79 9a49.94 49.94 0 0 0 10.38 1.63C81 94 86 88 85 86s1-8.15-9-11.07z"
/>
<path
fill="url(#m)"
d="M87.52 81.45c2.56-.51 4.49-3.51 7.75-2.85s5.15 5.5 5.56 8.43.76 6.63-2.22 9.61c-2.79 2.79-5.27.87-9.55 1.27s-6.17 2.46-9 .28-4.69-6.57-3.68-9.73c.68-2.13.28-5 2.43-6.74 2.99-2.45 6.71.13 8.71-.27z"
/>
<path
fill="#fff8e9"
d="M89.13 89.19a.84.84 0 0 1-1.39.47c-2.07-1.93-2.73-6.11-.94-8.46a.79.79 0 0 1 1.1-.15c.42.36 1.74 5.22 1.23 8.14z"
/>
</svg>
More icons in the same style and category