Add icons to this collection by clicking the heart icon.
Storytelling icon - also known as write, file, document, paper, pen, files and folders, storyboard, and storytelling. Created in a clean lineal color style with a white, black, orange, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M49.999 316h140v146h-140z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#66e0f7"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M189.999 316h-140v-40h140z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff5d7d"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-146h140v86H80V0Z"
transform="matrix(1.33333 0 0 -1.33333 306.665 66.667)"
fill="#66e0f7"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M369.999 316h-140v-40h140z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff5d7d"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M189.999 236h-140V90h140z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#66e0f7"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M189.999 90h-140V50h140z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff5d7d"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-146h140v112.951l-24.226-24.226L70-73l15.725 45.775L112.95 0Z"
transform="matrix(1.33333 0 0 -1.33333 306.665 368)"
fill="#66e0f7"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M369.999 90h-140V50h140z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff5d7d"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 45.774 15.725L70 39.951l40 40 92.002 92.001-30.05 30.05L110 140.05 42.95 73 15.725 45.775Z"
transform="matrix(1.33333 0 0 -1.33333 399.999 465.333)"
fill="#ffc144"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h100L0 100V60Z"
transform="matrix(1.33333 0 0 -1.33333 413.332 146.667)"
fill="#e8eaf0"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h140v-186H0v40zm140 226V40H0v186zm40 0h80v40H-40v-492h400V6.951l-40-40V-186H180V0h112.95L360 67.05V166h-40V40H180v40z"
transform="matrix(1.33333 0 0 -1.33333 66.665 368)"
fill="#fff"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-231.888h-400v492h300l100-100V62.788"
transform="translate(409.999 241.888)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-95v95"
transform="translate(404.999 402)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M49.999 236h140V50h-140z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-151.076h-140v186h110.7"
transform="matrix(1.33333 0 0 -1.33333 493.332 414.566)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h25.003v-186h-140V0H-90"
transform="matrix(1.33333 0 0 -1.33333 219.994 66.667)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-121h-140V65h75"
transform="matrix(1.33333 0 0 -1.33333 493.332 153.333)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h130"
transform="matrix(1.33333 0 0 -1.33333 73.332 261.333)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h130"
transform="matrix(1.33333 0 0 -1.33333 73.332 562.666)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h130"
transform="matrix(1.33333 0 0 -1.33333 313.332 261.333)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h130"
transform="matrix(1.33333 0 0 -1.33333 313.332 562.666)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 45.774 15.725 156.228 156.227-30.05 30.05L15.725 45.774Z"
transform="translate(299.999 163)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h.007"
transform="matrix(1.33333 0 0 -1.33333 159.989 66.667)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
</svg>
More icons in the same style and category