Add icons to this collection by clicking the heart icon.
Note icon - also known as education, smartphone, pencil, mobile phone, note, mobile, ui, electronics, and mobile app. Created in a clean outline 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="512"
height="512"
viewBox="0 0 500 500"
>
<linearGradient
id="b"
x1="155.226"
x2="155.226"
y1="465.226"
y2="41.214"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd6f4" />
<stop offset=".204" stop-color="#78bae9" />
<stop offset=".407" stop-color="#5ba4e1" />
<stop offset=".609" stop-color="#4794db" />
<stop offset=".808" stop-color="#3a8ad7" />
<stop offset="1" stop-color="#3687d6" />
</linearGradient>
<linearGradient
id="c"
x1="198.026"
x2="198.026"
y1="438.276"
y2="133.888"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#93cef0" />
<stop offset=".109" stop-color="#81bce3" />
<stop offset=".426" stop-color="#518cc0" />
<stop offset=".667" stop-color="#346eaa" />
<stop offset=".804" stop-color="#2963a2" />
</linearGradient>
<linearGradient
id="d"
x1="275.851"
x2="275.851"
y1="489.985"
y2="185.602"
gradientUnits="userSpaceOnUse"
>
<stop offset=".092" stop-color="#b9d0e3" />
<stop offset=".11" stop-color="#bcd2e4" />
<stop offset=".305" stop-color="#dce6ee" />
<stop offset=".469" stop-color="#f0f3f5" />
<stop offset=".581" stop-color="#f7f7f7" />
</linearGradient>
<linearGradient
id="e"
x1="275.851"
x2="275.851"
y1="186.602"
y2="68.602"
gradientUnits="userSpaceOnUse"
>
<stop offset=".027" stop-color="#f7d33e" />
<stop offset=".164" stop-color="#f7d443" />
<stop offset=".336" stop-color="#f7d653" />
<stop offset=".527" stop-color="#f8db6d" />
<stop offset=".733" stop-color="#f9e091" />
<stop offset=".946" stop-color="#fae8be" />
<stop offset="1" stop-color="#faeacb" />
</linearGradient>
<linearGradient
id="f"
x1="224.284"
x2="495.433"
y1="415.671"
y2="129.968"
gradientUnits="userSpaceOnUse"
>
<stop offset=".017" stop-color="#657283" />
<stop offset=".025" stop-color="#667385" />
<stop offset=".157" stop-color="#74869f" />
<stop offset=".302" stop-color="#7f94b3" />
<stop offset=".467" stop-color="#879ec1" />
<stop offset=".667" stop-color="#8ca4c9" />
<stop offset="1" stop-color="#8da6cc" />
</linearGradient>
<linearGradient
id="a"
x1="169.394"
x2="335.585"
y1="214.361"
y2="214.361"
gradientUnits="userSpaceOnUse"
>
<stop offset=".178" stop-color="#373e6c" />
<stop offset=".24" stop-color="#3e4470" />
<stop offset=".419" stop-color="#4c5078" />
<stop offset=".637" stop-color="#54587d" />
<stop offset="1" stop-color="#575a7e" />
</linearGradient>
<linearGradient
id="g"
x1="169.394"
x2="272.776"
y1="285.639"
y2="285.639"
href="#a"
/>
<linearGradient
id="h"
x1="169.394"
x2="244.691"
y1="361.854"
y2="361.854"
href="#a"
/>
<g>
<path
fill="url(#b)"
d="M275.83 434.58c-.02 8.28-.04 13.01-.07 13.23a35.024 35.024 0 0 1-34.91 32.55H69.57a34.964 34.964 0 0 1-35-35V54.64a35 35 0 0 1 35-35h171.28a35.051 35.051 0 0 1 35 35c-.02.61-.02 28.45-.01 69.06.02 95.87.09 262.9-.01 310.88z"
/>
<path
fill="url(#c)"
d="M275.83 434.58H130.17a10 10 0 0 1-10-10V133.7a10 10 0 0 1 10-10h145.67c.02 95.87.09 262.9-.01 310.88z"
/>
<path
fill="#3c3c5d"
d="M240.85 13.14H69.57a41.545 41.545 0 0 0-41.5 41.5v390.72a41.551 41.551 0 0 0 41.5 41.5h171.28a41.57 41.57 0 0 0 41.44-39.15c.04-.78.06-1.56.06-2.35V54.64a41.545 41.545 0 0 0-41.5-41.5zm28.5 432.22a22.834 22.834 0 0 1-.11 2.35 28.515 28.515 0 0 1-28.39 26.15H69.57a28.539 28.539 0 0 1-28.5-28.5V54.64a28.532 28.532 0 0 1 28.5-28.5h28.16l6.68 16.64a15.021 15.021 0 0 0 13.92 9.41h75.3a15 15 0 0 0 13.92-9.41l6.68-16.64h26.62a28.526 28.526 0 0 1 28.5 28.5z"
/>
<path
fill="#3c3c5d"
d="M215.53 460.813H94.892a6.5 6.5 0 1 1 0-13H215.53a6.5 6.5 0 0 1 0 13z"
/>
<rect
width="259.66"
height="310.875"
x="146.021"
y="101.883"
fill="url(#d)"
rx="10"
/>
<path
fill="url(#e)"
d="M156.021 101.883h239.66a10 10 0 0 1 10 10v49.1h-259.66v-49.1a10 10 0 0 1 10-10z"
/>
<path
fill="url(#f)"
d="M445.237 160.217 289.911 315.543a14.99 14.99 0 0 0-2.921 4.126l-16.771 35a5 5 0 0 0 6.669 6.669l35-16.771a14.99 14.99 0 0 0 4.126-2.921l155.331-155.321a18.46 18.46 0 0 0 0-26.108 18.46 18.46 0 0 0-26.108 0z"
/>
<path
fill="url(#a)"
d="M329.085 220.861H175.894a6.5 6.5 0 0 1 0-13h153.191a6.5 6.5 0 0 1 0 13z"
/>
<path
fill="url(#g)"
d="M266.276 292.139h-90.382a6.5 6.5 0 0 1 0-13h90.382a6.5 6.5 0 0 1 0 13z"
/>
<path
fill="url(#h)"
d="M238.191 368.354h-62.3a6.5 6.5 0 0 1 0-13h62.3a6.5 6.5 0 0 1 0 13z"
/>
</g>
<g fill="#181926">
<path
d="M483.252 173.271c.277-13.418-11.544-25.238-24.961-24.961a24.8 24.8 0 0 0-17.65 7.31l-28.461 28.461c-.286-16.8.575-58.311-.335-75.52A16.529 16.529 0 0 0 395.68 95.38H282.35V54.64a41.547 41.547 0 0 0-41.5-41.5H69.57a41.547 41.547 0 0 0-41.5 41.5v390.72a41.547 41.547 0 0 0 41.5 41.5h171.28a41.547 41.547 0 0 0 41.5-41.5v-26.1h113.33a16.519 16.519 0 0 0 16.5-16.5V254.682l63.761-63.761a24.8 24.8 0 0 0 7.311-17.65zm-330.731-61.388a3.5 3.5 0 0 1 3.5-3.5h239.66a3.506 3.506 0 0 1 3.428 2.794 3.464 3.464 0 0 1 .071.7v42.6H152.521zm54.706-85.743-5.709 14.217a8.461 8.461 0 0 1-7.888 5.333h-75.3a8.461 8.461 0 0 1-7.888-5.333l-5.707-14.217zm62.123 419.22a28.532 28.532 0 0 1-28.5 28.5H69.57a28.532 28.532 0 0 1-28.5-28.5V54.64a28.532 28.532 0 0 1 28.5-28.5h21.157L98.38 45.2a21.4 21.4 0 0 0 19.952 13.49h75.3a21.4 21.4 0 0 0 19.95-13.49l7.653-19.061h19.615a28.532 28.532 0 0 1 28.5 28.5V95.38H156.02a16.519 16.519 0 0 0-16.5 16.5v290.88a16.519 16.519 0 0 0 16.5 16.5h113.33zm129.83-42.6a3.5 3.5 0 0 1-3.5 3.5H156.02a3.5 3.5 0 0 1-3.5-3.5V167.482h246.66v29.6L285.314 310.946a21.47 21.47 0 0 0-4.186 5.914l-16.772 35.006c-3.788 7.413 2.139 16.631 10.326 16.493a11.6 11.6 0 0 0 5.015-1.154l35-16.771a21.441 21.441 0 0 0 5.913-4.186l78.565-78.566zm67.569-221.032L311.422 337.056a8.482 8.482 0 0 1-2.338 1.654l-31.163 14.931 14.931-31.164a8.459 8.459 0 0 1 1.655-2.337c.051-.058 115.771-115.767 115.836-115.837l39.49-39.491a11.889 11.889 0 0 1 8.459-3.5c10.548-.055 15.98 12.971 8.457 20.416z"
/>
<path
d="M88.392 454.316a6.5 6.5 0 0 0 6.5 6.5H215.53a6.5 6.5 0 1 0 0-13H94.892a6.5 6.5 0 0 0-6.5 6.5z"
/>
</g>
</svg>
More icons in the same style and category