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 outline color 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=".98"
y="14.26"
fill="#cce4ff"
rx="3.87"
/>
<path
fill="#fff"
d="M33.37 45.37a1.49 1.49 0 0 1 2.27.29 4.19 4.19 0 0 1 .67 2.34v14.35a2 2 0 0 1-2 2H7.67A2.69 2.69 0 0 1 5 61.69V21a2.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.87v14.89a7.05 7.05 0 0 0 7.05 7h8.83a7 7 0 0 0 4.81-1.84zM91 21v40.69a2.69 2.69 0 0 1-2.69 2.69H62.18a2 2 0 0 1-2-2V47.69a1.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.27a7.05 7.05 0 0 0-2.19-5.09 1.1 1.1 0 0 1 .72-1.92h8.22A2.68 2.68 0 0 1 91 21z"
/>
<path
fill="#3b94eb"
d="M1 68.33v9.55a3.87 3.87 0 0 0 3.87 3.87h86.24A3.87 3.87 0 0 0 95 77.88v-9.55z"
/>
<rect
width="58.62"
height="3.67"
x="18.68"
y="73.21"
fill="#315d9b"
rx="1.83"
/>
<path
fill="#ff3d54"
d="M36.74 73.21H20.51a1.84 1.84 0 0 0 0 3.67h16.23z"
/>
<rect
width="5.08"
height="6.67"
x="33.99"
y="71.71"
fill="#cce4ff"
rx="1.06"
/>
<rect
width="3.67"
height="3.67"
x="7.34"
y="73.21"
fill="#315d9b"
rx="1.83"
/>
<rect
width="3.67"
height="3.67"
x="84.97"
y="73.21"
fill="#315d9b"
rx="1.83"
/>
<path
fill="#fdcaa5"
d="M39.55 30.65a3.92 3.92 0 0 0-3.92 3.92v1.49c0 5.86 4.68 6.24 4.68 11.92v20.35h15.84c0-23.36-.28-22.14.83-26.64.83-3.32.64-5.39.64-11z"
/>
<path
fill="#fda77d"
d="M54.93 30.65c0 6.23.09 7.33-.36 9.73a2.39 2.39 0 0 1-2.35 1.93H38.14l-.62-.78a8.73 8.73 0 0 1-1.89-5.42v-1.54a3.93 3.93 0 0 1 3.92-3.92z"
/>
<path fill="#4e576c" d="M31.63 28.83h30.98v7.82H31.63z" />
<path fill="#3a3953" d="M40.17 28.83h17.45v7.82H40.17z" />
<path
fill="none"
stroke="#302d3d"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M54.93 30.65h-6.26"
/>
<rect
width="4.33"
height="6.89"
x="53.29"
y="25.6"
fill="#fdcaa5"
rx="2.16"
transform="rotate(180 55.455 29.045)"
/>
<rect
width="4.33"
height="8.91"
x="48.97"
y="25.17"
fill="#fdcaa5"
rx="2.16"
transform="rotate(180 51.13 29.625)"
/>
<rect
width="4.33"
height="7.32"
x="40.31"
y="25.17"
fill="#fdcaa5"
rx="2.16"
transform="rotate(180 42.475 28.825)"
/>
<rect
width="4.33"
height="10.88"
x="44.64"
y="23.65"
fill="#fdcaa5"
rx="2.16"
transform="rotate(180 46.805 29.09)"
/>
<rect
width="4.33"
height="4.33"
x="53.29"
y="28.16"
fill="#fda77d"
rx="2.16"
transform="rotate(180 55.455 30.325)"
/>
<rect
width="4.33"
height="4.99"
x="48.97"
y="29.09"
fill="#fda77d"
rx="2.16"
transform="rotate(180 51.13 31.585)"
/>
<rect
width="4.33"
height="4.33"
x="40.31"
y="28.16"
fill="#fda77d"
rx="2.16"
transform="rotate(180 42.475 30.325)"
/>
<rect
width="4.33"
height="6.7"
x="44.64"
y="27.83"
fill="#fda77d"
rx="2.16"
transform="rotate(180 46.805 31.18)"
/>
<path
fill="#62618a"
d="M31.63 25.27v14.94a3 3 0 0 1-3.05 3h-8.83a3 3 0 0 1-3.05-3V25.27a3 3 0 0 1 3.05-3.05h8.83a3 3 0 0 1 3.05 3.05zM77.54 25.27v14.94a3 3 0 0 1-2.42 3c-.46.11.11.07-9.46.07a3 3 0 0 1-3-3V25.27a3 3 0 0 1 3-3.05h8.82a3.05 3.05 0 0 1 3.06 3.05z"
/>
<path
fill="#767a99"
d="M31.63 25.27v11.82a3 3 0 0 1-3.05 3h-8.83a3 3 0 0 1-3.05-3V25.27a3 3 0 0 1 3.05-3.05h8.83a3 3 0 0 1 3.05 3.05zM77.54 25.27v11.82a3 3 0 0 1-2.42 3c-.46.11.11.07-9.46.07a3 3 0 0 1-3-3V25.27a3 3 0 0 1 3-3.05h8.82a3.05 3.05 0 0 1 3.06 3.05z"
/>
<path
fill="#62618a"
d="M75.12 22.29v5.87a1 1 0 0 1-2 0v-5.94a9.17 9.17 0 0 1 2 .07zM68.37 38.29a1 1 0 0 1-1-1v-9.13a1 1 0 1 1 2 0v9.13a1 1 0 0 1-1 1zM75.12 39v4.24a9.12 9.12 0 0 1-2 .07V39a1 1 0 0 1 2 0zM22.1 36.65v6.61h-2v-6.61a1 1 0 0 1 2 0zM21.1 30a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1zM25.64 38.74a1 1 0 0 1-1-1v-8.65a1 1 0 0 1 2 0v8.65a1 1 0 0 1-1 1z"
/>
<path
fill="#fdcaa5"
d="M46.92 41.73v8.46h-6.61c0-2.54.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.21a1 1 0 1 0-1.71 1c1 1.34 3 3.13 3 6.74v20.38h2.35V48c.02-4.07-2.47-5.61-3.64-7.79zM46.8 62.92a1 1 0 0 1-1-1V48.45a1 1 0 0 1 2 0v13.47a1 1 0 0 1-1 1z"
/>
<path
fill="#fdedc8"
d="M51.13 68.33h5V48.12h-2.32a2.68 2.68 0 0 0-2.68 2.69z"
/>
<g fill="#302d3d">
<path
d="M91.12 13.25H4.88A4.88 4.88 0 0 0 0 18.12v59.76a4.88 4.88 0 0 0 4.88 4.87h86.24A4.88 4.88 0 0 0 96 77.88V18.12a4.88 4.88 0 0 0-4.88-4.87zM94 77.88a2.88 2.88 0 0 1-2.88 2.87H4.88A2.88 2.88 0 0 1 2 77.88v-8.55h92zM36.64 34.57a2.92 2.92 0 0 1 2.92-2.92h5.78a1.17 1.17 0 0 1-.27 2.3h-4.89a1 1 0 0 0 0 2 5.76 5.76 0 0 1 5.75 5.75 1 1 0 0 0 2 0 7.57 7.57 0 0 0-1.17-4.08h9.83a20.28 20.28 0 0 1-.57 3.8c-1.15 4.7-.86 3.58-.86 25.88H41.32V48a9.42 9.42 0 0 0-2-5.81c-2.32-3.02-2.68-3.62-2.68-7.62zm-2 0v1.08h-2v-5.82h5.62a4.92 4.92 0 0 0-3.62 4.74zm6.68-4.92v-2.32a1.17 1.17 0 0 1 2.33 0v2.32zm12.73 3.5a3.16 3.16 0 0 0 4.57-2.62 5.37 5.37 0 0 0 0-.7h3v5.82c-17.27 0-15.19.07-14.92-.13h.11a3.17 3.17 0 0 0 2.41-1.11 3.15 3.15 0 0 0 4.83-1.26zM50 31.92v-4.59a1.16 1.16 0 0 1 2.32 0v4.59a1.16 1.16 0 1 1-2.32 0zm4.32-1.6v-2.55a1.17 1.17 0 1 1 2.33 0v2.55a1.17 1.17 0 1 1-2.33 0zM48 31.58a3.19 3.19 0 0 0-2.33-1.88v-3.88a1.17 1.17 0 1 1 2.33 0zm46 35.75H57.16V47.72c0-4.54 1.23-5.76 1.44-10.07h3v2.56a4.06 4.06 0 0 0 4.05 4h8.82a4.06 4.06 0 0 0 4.06-4V25.27a4.05 4.05 0 0 0-4.06-4.05h-8.8a4.05 4.05 0 0 0-4.05 4.05v2.56h-3a3.16 3.16 0 0 0-5.1-2.56 3.15 3.15 0 0 0-3.83-.75 3.16 3.16 0 0 0-5.77 0 3.17 3.17 0 0 0-4.61 2.81v.5h-6.67v-2.56a4.05 4.05 0 0 0-4.06-4.05h-8.82a4.05 4.05 0 0 0-4.05 4.05v14.94a4.06 4.06 0 0 0 4.05 4h8.82a4.06 4.06 0 0 0 4.06-4v-2.56h2.13c.85 5.15 4.55 5.51 4.55 10.33v19.35H2V18.12a2.88 2.88 0 0 1 2.88-2.87h86.24A2.88 2.88 0 0 1 94 18.12zM63.62 25.27a2.05 2.05 0 0 1 2.05-2.05h7.46v4.94a1 1 0 0 0 2 0v-4.83a2 2 0 0 1 1.42 1.94v14.94a2 2 0 0 1-1.42 1.94V39a1 1 0 0 0-2 0v3.31h-7.46a2.05 2.05 0 0 1-2.05-2zm-33 14.94a2.05 2.05 0 0 1-2.06 2h-6.45v-5.56a1 1 0 0 0-2 0v5.61h-.35a2.05 2.05 0 0 1-2.05-2V25.27a2.05 2.05 0 0 1 2.05-2.05h8.82a2.05 2.05 0 0 1 2.06 2.05z"
/>
<path
d="M38 70.71h-3a2.05 2.05 0 0 0-2 1.5H20.52a2.84 2.84 0 0 0 0 5.67h12.56a2.07 2.07 0 0 0 2 1.5h3a2.06 2.06 0 0 0 2-1.5h35.4a2.84 2.84 0 0 0 0-5.67H40a2.05 2.05 0 0 0-2-1.5zm-5 5.17H20.52a.84.84 0 0 1-.83-.84.83.83 0 0 1 .83-.83H33zm5.08 1.43c0 .1.24.08-3.08 0 0-2.94 0-1 .06-4.6l3 .06zm2-3.1h35.4a.83.83 0 0 1 .83.83.84.84 0 0 1-.83.84h-35.4zM9.19 72.21A2.84 2.84 0 1 0 12 75a2.84 2.84 0 0 0-2.81-2.79zm0 3.67a.85.85 0 0 1-.84-.88.84.84 0 0 1 .84-.83.83.83 0 0 1 .81.83.84.84 0 0 1-.81.88zM86.81 77.88A2.84 2.84 0 1 0 84 75a2.84 2.84 0 0 0 2.81 2.88zm0-3.67a.84.84 0 0 1 .84.83.85.85 0 0 1-.84.84A.84.84 0 0 1 86 75a.83.83 0 0 1 .81-.79zM46.81 62.92a1 1 0 0 0 1-1V48.45a1 1 0 0 0-2 0v13.47a1 1 0 0 0 1 1zM68.38 38.29a1 1 0 0 0 1-1v-9.13a1 1 0 1 0-2 0v9.13a1 1 0 0 0 1 1zM21.11 26a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1zM25.65 28.09a1 1 0 0 0-1 1v8.65a1 1 0 0 0 2 0v-8.65a1 1 0 0 0-1-1z"
/>
</g>
</g>
</svg>
More icons in the same style and category