Add icons to this collection by clicking the heart icon.
Tutorial icon - also known as website, sport, browser, dumbbell, fitness, tutorial, hobbies and free time, sports and competition, elearning, and video tutorial. Created in a clean flat style with a white, gray, black, red, teal, navy, and pink 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 96 96"
>
<g>
<rect
width="94"
height="67.5"
x=".99"
y="14.25"
fill="#cce4ff"
rx="3.87"
/>
<path
fill="#fff"
d="M33.38 45.36a1.49 1.49 0 0 1 2.27.29 4.19 4.19 0 0 1 .67 2.35v14.34a2 2 0 0 1-2 2H7.68A2.69 2.69 0 0 1 5 61.68V20.94a2.68 2.68 0 0 1 2.69-2.69h6.1a1.26 1.26 0 0 1 .89 2.14 7 7 0 0 0-2 4.87V40.2a7.05 7.05 0 0 0 7.05 7h8.83a7 7 0 0 0 4.82-1.84zM91 20.94v40.74a2.69 2.69 0 0 1-2.69 2.69H62.19a2 2 0 0 1-2-2V47.68a1.46 1.46 0 0 1 2.17-1.27 7 7 0 0 0 3.34.84c9.33 0 9.37.07 10.34-.17a7.07 7.07 0 0 0 5.54-6.88V25.26a7.05 7.05 0 0 0-2.19-5.09 1.1 1.1 0 0 1 .72-1.92h8.19a2.68 2.68 0 0 1 2.7 2.69z"
/>
<path
fill="#3b94eb"
d="M1 68.32v9.54a3.88 3.88 0 0 0 3.88 3.88h86.24A3.88 3.88 0 0 0 95 77.86v-9.54z"
/>
<rect
width="58.62"
height="3.67"
x="18.69"
y="73.2"
fill="#315d9b"
rx="1.83"
/>
<path
fill="#ff3d54"
d="M36.75 73.2H20.52a1.83 1.83 0 1 0 0 3.66h16.23z"
/>
<rect
width="5.08"
height="6.67"
x="34"
y="71.7"
fill="#cce4ff"
rx="1.06"
/>
<rect
width="3.67"
height="3.67"
x="7.35"
y="73.2"
fill="#315d9b"
rx="1.83"
/>
<rect
width="3.67"
height="3.67"
x="84.98"
y="73.2"
fill="#315d9b"
rx="1.83"
/>
<path
fill="#fdcaa5"
d="M39.56 30.64a3.92 3.92 0 0 0-3.92 3.92v1.49c0 5.86 4.68 6.24 4.68 11.92v20.35h15.84c0-12.26-.23-22.34.83-26.64.83-3.32.64-5.39.64-11z"
/>
<path
fill="#fda77d"
d="M54.94 30.64c0 6.22.09 7.33-.36 9.73a2.39 2.39 0 0 1-2.35 1.93H38.15l-.62-.78a8.73 8.73 0 0 1-1.89-5.42v-1.54a3.92 3.92 0 0 1 3.92-3.92z"
/>
<path fill="#4e576c" d="M31.64 28.82h30.98v7.82H31.64z" />
<path fill="#3a3953" d="M40.18 28.82h17.45v7.82H40.18z" />
<path
fill="none"
stroke="#302d3d"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M54.94 30.64h-6.26"
/>
<rect
width="4.33"
height="6.89"
x="53.3"
y="25.59"
fill="#fdcaa5"
rx="2.16"
transform="rotate(180 55.465 29.035)"
/>
<rect
width="4.33"
height="8.91"
x="48.98"
y="25.16"
fill="#fdcaa5"
rx="2.16"
transform="rotate(180 51.14 29.615)"
/>
<rect
width="4.33"
height="7.32"
x="40.32"
y="25.16"
fill="#fdcaa5"
rx="2.16"
transform="rotate(180 42.485 28.815)"
/>
<rect
width="4.33"
height="10.88"
x="44.65"
y="23.64"
fill="#fdcaa5"
rx="2.16"
transform="rotate(180 46.815 29.08)"
/>
<rect
width="4.33"
height="4.33"
x="53.3"
y="28.15"
fill="#fda77d"
rx="2.16"
transform="rotate(180 55.465 30.315)"
/>
<rect
width="4.33"
height="4.99"
x="48.98"
y="29.08"
fill="#fda77d"
rx="2.16"
transform="rotate(180 51.14 31.575)"
/>
<rect
width="4.33"
height="4.33"
x="40.32"
y="28.15"
fill="#fda77d"
rx="2.16"
transform="rotate(180 42.485 30.315)"
/>
<rect
width="4.33"
height="6.7"
x="44.65"
y="27.82"
fill="#fda77d"
rx="2.16"
transform="rotate(180 46.815 31.17)"
/>
<path
fill="#62618a"
d="M31.64 25.26V40.2a3 3 0 0 1-3.05 3h-8.83a3 3 0 0 1-3.05-3V25.26a3 3 0 0 1 3.05-3.05h8.83a3 3 0 0 1 3.05 3.05zM77.55 25.26V40.2a3 3 0 0 1-2.42 3c-.46.11.11.07-9.46.07a3 3 0 0 1-3.05-3V25.26a3 3 0 0 1 3.05-3.05h8.82a3.05 3.05 0 0 1 3.06 3.05z"
/>
<path
fill="#767a99"
d="M31.64 25.26v11.82a3 3 0 0 1-3.05 3.05h-8.83a3 3 0 0 1-3.05-3.05V25.26a3 3 0 0 1 3.05-3.05h8.83a3 3 0 0 1 3.05 3.05zM77.55 25.26v11.82a3 3 0 0 1-2.42 3c-.46.11.11.07-9.46.07a3 3 0 0 1-3.05-3.05V25.26a3 3 0 0 1 3.05-3.05h8.82a3.05 3.05 0 0 1 3.06 3.05z"
/>
<g fill="#62618a">
<path
d="M75.13 22.28v5.87a1 1 0 1 1-2 0v-5.94a9.17 9.17 0 0 1 2 .07zM68.38 38.28a1 1 0 0 1-1-1v-9.13a1 1 0 0 1 2 0v9.13a1 1 0 0 1-1 1zM75.13 38.94v4.24a9.12 9.12 0 0 1-2 .07v-4.31a1 1 0 0 1 2 0zM22.11 36.64v6.61h-2v-6.61a1 1 0 0 1 2 0zM21.11 30a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM25.65 38.73a1 1 0 0 1-1-1v-8.65a1 1 0 0 1 2 0v8.65a1 1 0 0 1-1 1z"
/>
</g>
<path
fill="#fdcaa5"
d="M46.93 41.72v8.46h-6.61c0-2.55.23-4.82-1.79-7.4-1.26-1.59-2.89-3.34-2.89-6.73v-1.49a3.92 3.92 0 0 1 3.92-3.92h5.51a2.17 2.17 0 1 1 0 4.33h-4.89a6.75 6.75 0 0 1 6.75 6.75z"
/>
<path
fill="#fda77d"
d="M39 40.2a1 1 0 0 0-.89-.55 1 1 0 0 0-.82 1.58c1 1.34 3 3.13 3 6.74v20.35h2.35V48c.03-4.08-2.46-5.62-3.64-7.8zM46.81 62.91a1 1 0 0 1-1-1V48.44a1 1 0 0 1 2 0v13.47a1 1 0 0 1-1 1z"
/>
<path
fill="#fdedc8"
d="M51.14 68.32h5V48.11h-2.32a2.68 2.68 0 0 0-2.68 2.69z"
/>
</g>
</svg>
More icons in the same style and category