Add icons to this collection by clicking the heart icon.
Chapter icon - also known as education, section, video, videos, music and multimedia, and chapter. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v117.723c0 5.523 4.477 10 10 10h405.145c5.522 0 10-4.477 10-10V0c0-5.523-4.478-10-10-10H10C4.477-10 0-5.523 0 0"
transform="translate(43.428 344.841)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v117.723c0 5.523 4.477 10 10 10h-43.428c-5.523 0-10-4.477-10-10V0c0-5.522 4.477-10 10-10H10C4.477-10 0-5.522 0 0"
transform="translate(86.856 344.841)"
fill="#c4e2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v23.564c0 5.523-4.477 10-10 10h-405.145c-5.522 0-10-4.477-10-10V-94.159c0-5.523 4.478-10 10-10H-10c5.523 0 10 4.477 10 10V-35"
transform="translate(468.572 439)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v67.864a4.99 4.99 0 0 0 4.99 4.99h103.791a4.99 4.99 0 0 0 4.99-4.99V0a4.99 4.99 0 0 0-4.99-4.99H4.99A4.99 4.99 0 0 0 0 0"
transform="translate(73.368 369.771)"
fill="#27a5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v67.864a4.99 4.99 0 0 0 4.99 4.99h-25.633a4.99 4.99 0 0 1-4.989-4.99V0a4.99 4.99 0 0 1 4.989-4.99H4.99A4.99 4.99 0 0 0 0 0"
transform="translate(99 369.771)"
fill="#0593fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-28.235 14.117c-1.991.996-4.333-.452-4.333-2.678v-28.234c0-2.226 2.342-3.674 4.333-2.679L0-5.356C2.207-4.252 2.207-1.104 0 0"
transform="translate(145.71 406.38)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-28.235 14.117c-1.991.996-4.333-.452-4.333-2.678v-28.234c0-2.226 2.342-3.674 4.333-2.679L0-5.356C2.207-4.252 2.207-1.104 0 0Z"
transform="translate(145.71 406.38)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-51.896"
transform="translate(438.632 364.781)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h140.717"
transform="translate(218.076 442.625)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h77.793"
transform="translate(281 416.677)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h34.924"
transform="translate(218.076 416.677)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h140.717"
transform="translate(218.076 390.729)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h31.793"
transform="translate(327 364.781)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h80.924"
transform="translate(218.076 364.781)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 14.331 11.617 25.948 25.948 25.948 14.33 0 25.948-11.617 25.948-25.948S40.278-25.948 25.948-25.948C11.617-25.948 0-14.331 0 0"
transform="translate(386.737 416.677)"
fill="#fed402"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 10.126 5.804 18.892 14.264 23.167A25.829 25.829 0 0 1 2.58 25.948c-14.33 0-25.948-11.617-25.948-25.948S-11.75-25.948 2.58-25.948c4.205 0 8.171 1.007 11.684 2.781C5.804-18.892 0-10.126 0 0"
transform="translate(410.104 416.677)"
fill="#fac600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 14.331 11.617 25.948 25.948 25.948 14.33 0 25.948-11.617 25.948-25.948S40.278-25.948 25.948-25.948C11.617-25.948 0-14.331 0 0Z"
transform="translate(386.737 416.677)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v117.723c0 5.523 4.477 10 10 10h405.145c5.522 0 10-4.477 10-10V0c0-5.523-4.478-10-10-10H10C4.477-10 0-5.523 0 0"
transform="translate(43.428 181.17)"
fill="#fff3de"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v117.723c0 5.523 4.477 10 10 10h-43.428c-5.523 0-10-4.477-10-10V0c0-5.523 4.477-10 10-10H10C4.477-10 0-5.523 0 0"
transform="translate(86.856 181.17)"
fill="#ffe5c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-89.572c-5.523 0-10-4.477-10-10v-117.723c0-5.523 4.477-10 10-10h405.144c5.523 0 10 4.477 10 10V-10c0 5.523-4.477 10-10 10H35"
transform="translate(143 308.894)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v67.863a4.99 4.99 0 0 0 4.99 4.99h103.791a4.99 4.99 0 0 0 4.99-4.99V0a4.99 4.99 0 0 0-4.99-4.99H4.99A4.99 4.99 0 0 0 0 0"
transform="translate(73.368 206.1)"
fill="#fe860a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v67.863a4.99 4.99 0 0 0 4.99 4.991h-25.633a4.99 4.99 0 0 1-4.989-4.991V0a4.99 4.99 0 0 1 4.989-4.99H4.99A4.99 4.99 0 0 0 0 0"
transform="translate(99 206.1)"
fill="#fe7701"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-28.235 14.118c-1.991.995-4.333-.452-4.333-2.679v-28.234c0-2.226 2.342-3.674 4.333-2.678L0-5.356C2.207-4.252 2.207-1.104 0 0"
transform="translate(145.71 242.71)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-28.235 14.118c-1.991.995-4.333-.452-4.333-2.679v-28.234c0-2.226 2.342-3.674 4.333-2.678L0-5.356C2.207-4.252 2.207-1.104 0 0Z"
transform="translate(145.71 242.71)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-51.896"
transform="translate(438.632 201.11)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h140.717"
transform="translate(218.076 278.954)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h140.717"
transform="translate(218.076 253.006)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h81.793"
transform="translate(277 227.058)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29.924"
transform="translate(218.076 227.058)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h140.717"
transform="translate(218.076 201.11)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 14.331 11.617 25.948 25.948 25.948 14.33 0 25.948-11.617 25.948-25.948S40.278-25.948 25.948-25.948C11.617-25.948 0-14.331 0 0"
transform="translate(386.737 253.006)"
fill="#fed402"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 10.126 5.804 18.892 14.264 23.167A25.829 25.829 0 0 1 2.58 25.948c-14.33 0-25.948-11.617-25.948-25.948S-11.75-25.948 2.58-25.948c4.205 0 8.171 1.007 11.684 2.781C5.804-18.892 0-10.126 0 0"
transform="translate(410.104 253.006)"
fill="#fac600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 14.331 11.617 25.948 25.948 25.948 14.33 0 25.948-11.617 25.948-25.948S40.278-25.948 25.948-25.948C11.617-25.948 0-14.331 0 0Z"
transform="translate(386.737 253.006)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v117.723c0 5.523 4.477 10 10 10h405.145c5.522 0 10-4.477 10-10V0c0-5.523-4.478-10-10-10H10C4.477-10 0-5.523 0 0"
transform="translate(43.428 17.5)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v117.723c0 5.523 4.477 10 10 10h-43.428c-5.523 0-10-4.477-10-10V0c0-5.522 4.477-10 10-10H10C4.477-10 0-5.522 0 0"
transform="translate(86.856 17.5)"
fill="#c4e2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-309.572c-5.523 0-10-4.477-10-10v-117.723c0-5.523 4.477-10 10-10H95.572c5.523 0 10 4.477 10 10V-10c0 5.523-4.477 10-10 10H35"
transform="translate(363 145.223)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v67.863a4.99 4.99 0 0 0 4.99 4.991h103.791a4.99 4.99 0 0 0 4.99-4.991V0a4.99 4.99 0 0 0-4.99-4.99H4.99A4.99 4.99 0 0 0 0 0"
transform="translate(73.368 42.43)"
fill="#27a5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v67.864a4.99 4.99 0 0 0 4.99 4.99h-25.633a4.99 4.99 0 0 1-4.989-4.99V0a4.99 4.99 0 0 1 4.989-4.99H4.99A4.99 4.99 0 0 0 0 0"
transform="translate(99 42.43)"
fill="#0593fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-28.235 14.117c-1.991.996-4.333-.452-4.333-2.678v-28.234c0-2.226 2.342-3.674 4.333-2.679L0-5.356C2.207-4.252 2.207-1.104 0 0"
transform="translate(145.71 79.04)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-28.235 14.117c-1.991.996-4.333-.452-4.333-2.678v-28.234c0-2.226 2.342-3.674 4.333-2.679L0-5.356C2.207-4.252 2.207-1.104 0 0Z"
transform="translate(145.71 79.04)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-51.896"
transform="translate(438.632 37.44)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h140.717"
transform="translate(218.076 115.283)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29.793"
transform="translate(329 89.335)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h82.924"
transform="translate(218.076 89.335)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h140.717"
transform="translate(218.076 63.388)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h140.717"
transform="translate(218.076 37.44)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 14.331 11.617 25.948 25.948 25.948 14.33 0 25.948-11.617 25.948-25.948S40.278-25.948 25.948-25.948C11.617-25.948 0-14.331 0 0"
transform="translate(386.737 89.335)"
fill="#fed402"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 10.126 5.804 18.891 14.264 23.167A25.842 25.842 0 0 1 2.58 25.948c-14.33 0-25.948-11.617-25.948-25.948S-11.75-25.948 2.58-25.948c4.205 0 8.171 1.006 11.684 2.781C5.804-18.892 0-10.126 0 0"
transform="translate(410.104 89.335)"
fill="#fac600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 14.331 11.617 25.948 25.948 25.948 14.33 0 25.948-11.617 25.948-25.948S40.278-25.948 25.948-25.948C11.617-25.948 0-14.331 0 0Z"
transform="translate(386.737 89.335)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h425.145"
transform="translate(43.428 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v67.864a4.99 4.99 0 0 0 4.99 4.99h103.791a4.99 4.99 0 0 0 4.99-4.99V0a4.99 4.99 0 0 0-4.99-4.99H4.99A4.99 4.99 0 0 0 0 0Z"
transform="translate(73.368 369.771)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v67.863a4.99 4.99 0 0 0 4.99 4.99h103.791a4.99 4.99 0 0 0 4.99-4.99V0a4.99 4.99 0 0 0-4.99-4.99H4.99A4.99 4.99 0 0 0 0 0Z"
transform="translate(73.368 206.1)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v67.863a4.99 4.99 0 0 0 4.99 4.991h103.791a4.99 4.99 0 0 0 4.99-4.991V0a4.99 4.99 0 0 0-4.99-4.99H4.99A4.99 4.99 0 0 0 0 0Z"
transform="translate(73.368 42.43)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category