Add icons to this collection by clicking the heart icon.
Note icon - also known as interface, education, notebook, note, writing tool, ui, and notepad. Created in a clean gradient 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 512 512"
>
<linearGradient
id="a"
x1="80.699"
x2="413.345"
y1="12.447"
y2="510.206"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe53b" />
<stop offset="1" stop-color="#ff2525" />
</linearGradient>
<linearGradient
id="b"
x1="-68.923"
x2="263.724"
y1="112.437"
y2="610.197"
href="#a"
/>
<linearGradient
id="c"
x1="115.459"
x2="448.106"
y1="-10.783"
y2="486.976"
href="#a"
/>
<linearGradient
id="d"
x1="89.56"
x2="422.207"
y1="6.525"
y2="504.285"
href="#a"
/>
<linearGradient
id="e"
x1="63.661"
x2="396.307"
y1="23.833"
y2="521.593"
href="#a"
/>
<linearGradient
id="f"
x1="37.761"
x2="370.408"
y1="41.141"
y2="538.901"
href="#a"
/>
<linearGradient
id="g"
x1="62.589"
x2="395.235"
y1="24.549"
y2="522.309"
href="#a"
/>
<linearGradient
id="h"
x1="140.098"
x2="472.745"
y1="-27.249"
y2="470.51"
href="#a"
/>
<linearGradient
id="i"
x1="217.608"
x2="550.254"
y1="-79.048"
y2="418.712"
href="#a"
/>
<linearGradient
id="j"
x1="295.117"
x2="627.764"
y1="-130.846"
y2="366.913"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M450.484 66.744a6 6 0 0 0-8.75 5.333v22.95a17.545 17.545 0 1 1-35.09 0v-33.81a6 6 0 0 0-6-6h-65.03a6 6 0 0 0-6 6v33.81a17.55 17.55 0 0 1-35.1 0v-33.81a6 6 0 0 0-6-6h-65.03a6 6 0 0 0-6 6v33.81a17.545 17.545 0 1 1-35.09 0v-33.81a6 6 0 0 0-6-6h-65.04a6 6 0 0 0-6 6v33.81a17.545 17.545 0 1 1-35.09 0v-22.95a6 6 0 0 0-8.75-5.333 103.887 103.887 0 0 0-56.51 92.663v49.23a6 6 0 0 0 12 0v-49.23a91.864 91.864 0 0 1 41.26-76.87v12.49a29.545 29.545 0 1 0 59.09 0v-27.81h53.04v27.81a29.545 29.545 0 1 0 59.09 0v-27.81h53.03v27.81a29.55 29.55 0 0 0 59.1 0v-27.81h53.03v27.81a29.545 29.545 0 1 0 59.09 0V82.536a91.86 91.86 0 0 1 41.27 76.87v230.89a92.3 92.3 0 0 1-92.2 92.19h-293.61a92.295 92.295 0 0 1-92.19-92.19v-134.86a6 6 0 0 0-12 0v134.86a104.308 104.308 0 0 0 104.19 104.19h293.61a104.313 104.313 0 0 0 104.2-104.19v-230.89a103.879 103.879 0 0 0-56.52-92.662z"
/>
<path
fill="url(#b)"
d="M11.004 242.537a6 6 0 0 0 6-6v-9a6 6 0 0 0-12 0v9a6 6 0 0 0 6 6z"
/>
<path
fill="url(#c)"
d="M111.353 205.51h289.285a6 6 0 0 0 0-12H111.353a6 6 0 1 0 0 12z"
/>
<path
fill="url(#d)"
d="M111.353 261.573h289.285a6 6 0 0 0 0-12H111.353a6 6 0 0 0 0 12z"
/>
<path
fill="url(#e)"
d="M111.353 317.636h289.285a6 6 0 0 0 0-12H111.353a6 6 0 0 0 0 12z"
/>
<path
fill="url(#f)"
d="M111.353 373.699h289.285a6 6 0 0 0 0-12H111.353a6 6 0 0 0 0 12z"
/>
<path
fill="url(#g)"
d="M87.811.008a29.58 29.58 0 0 0-29.546 29.546v65.474a29.546 29.546 0 1 0 59.093 0V29.554A29.58 29.58 0 0 0 87.81.008zm17.547 95.02a17.546 17.546 0 1 1-35.093 0V29.554a17.546 17.546 0 1 1 35.093 0z"
/>
<path
fill="url(#h)"
d="M199.937.008a29.58 29.58 0 0 0-29.546 29.546v65.474a29.546 29.546 0 1 0 59.093 0V29.554A29.58 29.58 0 0 0 199.937.008zm17.547 95.02a17.546 17.546 0 1 1-35.093 0V29.554a17.546 17.546 0 1 1 35.093 0z"
/>
<path
fill="url(#i)"
d="M312.063.008a29.58 29.58 0 0 0-29.547 29.546v65.474a29.547 29.547 0 0 0 59.094 0V29.554A29.58 29.58 0 0 0 312.063.008zm17.547 95.02a17.547 17.547 0 0 1-35.094 0V29.554a17.547 17.547 0 0 1 35.094 0z"
/>
<path
fill="url(#j)"
d="M424.189.008a29.58 29.58 0 0 0-29.547 29.546v65.474a29.546 29.546 0 1 0 59.093 0V29.554A29.58 29.58 0 0 0 424.189.008zm17.546 95.02a17.546 17.546 0 1 1-35.093 0V29.554a17.546 17.546 0 1 1 35.093 0z"
/>
</g>
</svg>
More icons in the same style and category