Home/Libraries/Freehand free icons (Iconify)/scroll-vertical-smartphone

Freehand free icons (Iconify)

ScrollVerticalSmartphone

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.262 13a9.3 9.3 0 0 0-1.718-3.106a7.26 7.26 0 0 0-6.084-2.728l-.12-3.456a6 6 0 0 0-.17-1.559a2.06 2.06 0 0 0-.63-.999a3.76 3.76 0 0 0-1.678-.81a11.7 11.7 0 0 0-2.537-.219L6.498.063a22 22 0 0 0-3.357 0a3.27 3.27 0 0 0-1.588.61a3.4 3.4 0 0 0-1 1.928a18.5 18.5 0 0 0-.189 4.406c0 .799.06 1.568.07 2.327c0 1.799 0 3.547.05 5.475c0 1.179 0 2.408.11 3.627c.05.829.12 1.648.24 2.437a2.37 2.37 0 0 0 1.189 1.789a5.9 5.9 0 0 0 2.857.54h2.997c1.149 0 2.118 0 2.997-.06q1.413-.002 2.817-.15c.496-.03.972-.203 1.37-.5c.332-.364.557-.814.649-1.299a8 8 0 0 0 .2-1.369l.349.19a.58.58 0 0 1 .22.4c.07.37.07.75 0 1.119a3 3 0 0 1-.68 1.718a.34.34 0 0 0 .45.51a4.2 4.2 0 0 0 1.099-2.558a2.15 2.15 0 0 0-.64-1.998a27.5 27.5 0 0 1-3.106-2.068c-.63-.53-1.18-1.06-1.22-1.639c-.15-1.378.46-2.078 1.34-2.118a3.52 3.52 0 0 1 2.817 1.5a.3.3 0 0 0 .47.119a.28.28 0 0 0 .07-.41a4.8 4.8 0 0 0-1.37-1.388l-.2-5.435a6.61 6.61 0 0 1 5.236 2.777a9.3 9.3 0 0 1 1.448 2.797a8.7 8.7 0 0 1 .42 3.108a23.5 23.5 0 0 1-.46 3.546a17.6 17.6 0 0 1-.999 3.477a.34.34 0 1 0 .61.28c.531-1.13.947-2.312 1.239-3.527c.312-1.224.532-2.47.659-3.727a9.2 9.2 0 0 0-.4-3.496M3.731 1.143c.939-.08 1.998 0 2.747 0h3.867c.782-.038 1.566.01 2.337.14h.15q.015.114 0 .23c-.08.29-.23.6-.29.829q-.154.444-.409.84q-.18.325-.41.619h-.2c-.35 0-.889-.05-1.478-.09l-2.298-.15a8 8 0 0 0-.999 0c-.32 0-.63.06-.939.11q-.495.105-1 .14a1 1 0 0 1-.469-.09a1.4 1.4 0 0 1-.42-.54c-.339-.59-.679-1.388-.998-1.918q.4-.084.809-.12m9.121 11.51c-.949.329-1.648 1.268-1.568 2.946c.111.78.506 1.491 1.109 1.998a13.8 13.8 0 0 0 2.857 1.909a9 9 0 0 1-.24 1.538a2 2 0 0 1-.48.95c-.41.232-.877.342-1.348.319c-.9.07-1.908 0-2.478 0H7.777c-.87 0-1.838 0-2.927-.06a4.84 4.84 0 0 1-2.368-.45a1.41 1.41 0 0 1-.67-1.118c-.1-.77-.16-1.559-.19-2.358c-.049-1.199-.049-2.418-.049-3.587v-4.695c0-1 0-2.068-.07-3.147a20.7 20.7 0 0 1 .07-3.537a3 3 0 0 1 .69-1.848l.08-.05c.249.56.539 1.428.848 2.068c.151.375.4.702.72.949c.269.163.575.256.889.27q.572.008 1.139-.07h1.658c.84 0 2.448.15 3.437.12q.444-.004.88-.1a.56.56 0 0 0 .309-.19q.328-.47.55-1q.252-.512.379-1.068c0-.23.15-.54.2-.83v-.2q.301.108.55.31c.186.16.319.372.379.61a4.8 4.8 0 0 1 .16 1.329l.54 9.141a3 3 0 0 0-2.129-.15"/><path d="M9.416 9.005a7 7 0 0 0-.61-.7a2.8 2.8 0 0 0-.79-.63a1.2 1.2 0 0 0-.619-.099c-.359.052-.697.2-.979.43q-.701.691-1.308 1.468l-1.09 1.319a.29.29 0 0 0 0 .42a.3.3 0 0 0 .42 0q.276-.29.58-.55q.3-.266.63-.5c.289-.23.758-.669 1.218-.998l.15-.16q-.126.6-.19 1.209c-.06.509-.1.999-.12 1.538c-.02.54 0 1 0 1.499v2.667q.024.83.16 1.649a2 2 0 0 0-.18-.17c-.18-.14-.4-.3-.65-.47c-.539-.36-1.168-.74-1.558-.999a.3.3 0 0 0-.476.282a.3.3 0 0 0 .117.198l1.898 1.808q.25.228.53.42q.2.12.429.17a1 1 0 0 0 .63-.08q.413-.234.739-.58c.36-.37.829-.76 1.228-1.169q.24-.275.44-.58a.34.34 0 1 0-.48-.399a4 4 0 0 1-.53.43c-.459.34-.998.649-1.418.999a8 8 0 0 1 0-1c.05-1.048.21-2.167.28-3.106v-1.779c0-.59-.1-1.159-.1-1.728v-.93l.33.24q.42.333.789.72c.4.42.78.87 1.179 1.279a.34.34 0 0 0 .48-.48c-.35-.56-.71-1.139-1.13-1.638"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ScrollVerticalSmartphoneIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.