Add icons to this collection by clicking the heart icon.
Attendance icon - also known as education, clock, paper, attendance, and miscellaneous. Created in a clean color style with a white, silver, and olive 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="166.896"
x2="466.956"
y1="242.261"
y2="-57.809"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" />
<stop offset="1" stop-color="#8aa753" />
</linearGradient>
<path
d="M448.591 241.113v239.795c0 17.172-13.92 31.092-31.092 31.092H94.485c-17.163 0-31.076-13.913-31.076-31.076V241.113a28.22 28.22 0 0 1 8.264-19.952l54.176-54.176a28.216 28.216 0 0 1 19.952-8.264h220.4a28.22 28.22 0 0 1 19.952 8.264l54.176 54.176a28.222 28.222 0 0 1 8.262 19.952z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="254.809"
x2="254.809"
y1="63.153"
y2="4.703"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" stop-opacity="0" />
<stop offset="1" stop-color="#4b7104" />
</linearGradient>
<path
d="M63.404 449.554v31.356c0 17.169 13.918 31.087 31.087 31.087h323.018c17.169 0 31.087-13.918 31.087-31.087v-31.356H63.404z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="254.808"
x2="254.808"
y1="318.593"
y2="236.033"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" stop-opacity="0" />
<stop offset=".118" stop-color="#b0d272" stop-opacity=".246" />
<stop offset=".303" stop-color="#a7c574" stop-opacity=".633" />
<stop offset=".479" stop-color="#a4c175" />
<stop offset="1" stop-color="#b8de6f" stop-opacity="0" />
</linearGradient>
<path
d="M71.673 221.161a28.216 28.216 0 0 0-8.264 19.952v52.011H448.59v-52.011a28.22 28.22 0 0 0-8.264-19.952l-41.214-41.214H112.887l-41.214 41.214z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="254.809"
x2="254.809"
y1="67.443"
y2="211.873"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" />
<stop offset="1" stop-color="#8aa753" />
</linearGradient>
<path
d="M386.088 370.344c0 30.416-10.439 58.39-27.931 80.547a129.839 129.839 0 0 1-10.17 11.442c-16.621 16.621-37.716 28.759-61.325 34.462a130.067 130.067 0 0 1-30.663 3.639c-71.844 0-130.088-58.245-130.088-130.088 0-35.921 14.558-68.444 38.101-91.987 23.544-23.544 56.066-38.101 91.987-38.101s68.444 14.558 91.987 38.101c23.545 23.541 38.102 56.063 38.102 91.985z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="238.216"
x2="428.486"
y1="162.241"
y2="-28.039"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<path
d="M377.144 370.344c0 28.325-9.721 54.375-26.011 75.008a121.008 121.008 0 0 1-9.471 10.655c-15.477 15.477-35.123 26.782-57.108 32.092a121.082 121.082 0 0 1-28.555 3.389c-66.904 0-121.144-54.24-121.144-121.144 0-33.452 13.557-63.738 35.482-85.663 21.925-21.925 52.211-35.482 85.663-35.482s63.738 13.557 85.663 35.482c21.924 21.925 35.481 52.211 35.481 85.663z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="297.42"
x2="193.56"
y1="68.704"
y2="172.564"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3b4a0" stop-opacity="0" />
<stop offset="1" stop-color="#d3b4a0" />
</linearGradient>
<path
d="M351.134 445.352a121.008 121.008 0 0 1-9.471 10.655c-15.477 15.477-35.123 26.782-57.108 32.092L211.4 414.944c-3.45-3.443 23.873-36.442 30.306-43.545-.027-.351-.054-.697-.054-1.055 0-7.922 6.426-14.348 14.348-14.348 4.593 0 8.666 2.164 11.29 5.521l83.844 83.835z"
fill="url(#f)"
/>
<path
d="M256 383.653a9.411 9.411 0 0 1 13.309-13.309c3.675 3.675 64.75 70.708 61.075 74.384-3.676 3.674-70.709-57.4-74.384-61.075z"
fill="#fff"
/>
<path
d="M242.691 370.344A9.411 9.411 0 0 1 256 383.653c-3.675 3.675-40.926 34.968-44.601 31.292-3.676-3.674 27.617-40.926 31.292-44.601z"
fill="#fff"
/>
<linearGradient
id="g"
x1="250.105"
x2="264.705"
y1="150.35"
y2="135.74"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" />
<stop offset="1" stop-color="#8aa753" />
</linearGradient>
<circle cx="256" cy="370.347" r="14.348" fill="url(#g)" />
<path
d="M252.707 265.146h6.582v30.713h-6.582zM252.707 444.828h6.582v30.713h-6.582zM330.481 367.054h30.713v6.582h-30.713zM150.809 367.054h30.713v6.582h-30.713z"
fill="#4b7104"
/>
<path
d="M252.707 265.146h6.582v30.713h-6.582zM252.707 444.828h6.582v30.713h-6.582zM330.481 367.054h30.713v6.582h-30.713zM150.809 367.054h30.713v6.582h-30.713z"
fill="#4b7104"
/>
<linearGradient
id="h"
x1="292.194"
x2="292.194"
y1="243.543"
y2="365.553"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" stop-opacity="0" />
<stop offset="1" stop-color="#4b7104" />
</linearGradient>
<path
d="M448.592 263.871v62.795H260.959L138.471 204.178v-24.275h225.661z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="254.809"
x2="254.809"
y1="332.553"
y2="311.553"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4d4d4d" />
<stop offset="1" stop-color="#333" />
</linearGradient>
<path
d="M373.95 204.176h-235.9c-4.94 0-7.639-5.763-4.476-9.557l14.14-16.968a5.828 5.828 0 0 1 4.476-2.096h207.62a5.83 5.83 0 0 1 4.477 2.096l14.14 16.968c3.162 3.794.463 9.557-4.477 9.557z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="283.682"
x2="45.272"
y1="457.575"
y2="41.578"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<path
d="M373.529 73.956v130.22h-235.06V15.495c0-8.551 6.941-15.492 15.492-15.492H295.57c.16 0 .317.02.476.024h.156l.303.023c5.062.237 9.882 2.27 13.543 5.797.274.25.537.513.799.775 0 0 .024.024.083.095.024.012.048.048.083.083.036.024.071.071.119.119a.814.814 0 0 1 .144.144l.596.596c7.836 7.955 57.983 58.867 58.604 59.486.107.107.215.227.322.334l.132.132c.322.334.62.68.87 1.049.131.179.25.357.357.513.119.179.227.369.334.56l.012.012c.071.167.156.334.215.501a8.806 8.806 0 0 1 .811 3.71z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="388.931"
x2="293.061"
y1="398.045"
y2="493.909"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" stop-opacity="0" />
<stop offset="1" stop-color="#d3b4a0" />
</linearGradient>
<path
d="M311.274 7.063c-.212-.213-.341-.346-.396-.401l-.046-.047A22.215 22.215 0 0 0 295.548.007C295.412 0 295.271 0 295.133 0h-.073c.255.001.503.008.751.033.244.017.489.052.725.087l.166.035A9.23 9.23 0 0 1 298.78.8a9.031 9.031 0 0 1 2.811 1.921 9.221 9.221 0 0 1 1.659 2.261c.096.166.184.34.253.524.14.297.262.602.357.917.026.078.052.149.07.227.192.628.314 1.292.357 1.964.017.227.026.454.026.681v45.46c0 .297.009.585.026.872a13.205 13.205 0 0 0 .079.899c.026.271.061.541.113.803.035.253.087.498.14.742l.052.236c.052.21.104.419.166.619 0 .035.009.07.026.104.052.184.113.366.175.55.035.131.078.262.131.393.026.078.052.158.087.227.052.175.122.349.201.515.07.192.157.385.253.576.113.253.236.498.366.733.262.48.541.943.829 1.387.009.009.009.017.017.017.463.673.978 1.309 1.528 1.902.184.192.375.393.567.576.201.192.402.375.602.55l.07.07 63.79 63.79V73.95a9.033 9.033 0 0 0-2.597-6.337l-59.66-60.55z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="387.279"
x2="-1.841"
y1="370.6"
y2="320.1"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" stop-opacity="0" />
<stop offset="1" stop-color="#d3b4a0" />
</linearGradient>
<path d="M138.471 119.356h235.058v84.821H138.471z" fill="url(#l)" />
<path
d="M170.727 39.781h70.22v17.067h-70.22zM170.727 81.81h70.22v17.067h-70.22zM170.727 123.844h70.22v17.067h-70.22zM170.727 165.868h70.22v17.067h-70.22zM271.049 39.781h70.22v17.067h-70.22zM271.049 81.81h70.22v17.067h-70.22zM271.049 123.844h70.22v17.067h-70.22zM271.049 165.868h70.22v17.067h-70.22z"
fill="#d3b4a0"
/>
<linearGradient
id="m"
x1="320.41"
x2="370.5"
y1="467.584"
y2="517.671"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<path
d="M372.738 70.249s-.458-1.297-2.261-3.099c-.67-.67-59.637-60.527-59.637-60.527A22.207 22.207 0 0 0 295.017 0a9.296 9.296 0 0 1 9.297 9.297v45.456c0 8.558 6.938 15.497 15.497 15.497h52.927z"
fill="url(#m)"
/>
</svg>
More icons in the same style and category