geeksforgeeks
  • Courses
  • Tutorials
  • Practice
  • Jobs
  • DSA
  • Practice Problems
  • C
  • C++
  • Java
  • Python
  • JavaScript
  • Data Science
  • Machine Learning
  • Courses
  • Linux
  • DevOps
Videos
December 24, 2024 |3.1K Views

SVG viewBox Attribute

Web Development, HTML, web-technology
 Save  Share  1 Like
Description
Discussion

The viewBox attribute in SVG is used to control the scaling and positioning of the vector image. It defines the coordinates and dimensions for the SVG, including horizontal and vertical axes. By adjusting the min-x, min-y, width, and height values, you can move, resize, and pan the SVG element. This is useful for optimizing SVG display across different screen sizes. 

For more details, check out the article here.

Recommendations
Video Thumbnail
06:14
Video Thumbnail
10.3K Views | 06/02/2026...
Top 5 Projects For Beginners to Practice HTML and CSS Skills
Video Thumbnail
30:39
Video Thumbnail
15.0K Views | 23/01/2025...
How to create a Multi Step Progress Bar in HTML CSS and JavaScript?
Video Thumbnail
07:01
Video Thumbnail
160.8K Views | 21/01/2025...
How to create a simple counter Using ReactJS?
Video Thumbnail
10:46
Video Thumbnail
13.4K Views | 20/01/2025...
How to show and hide Password in ReactJS?
Video Thumbnail
06:23
Video Thumbnail
10.7K Views | 20/01/2025...
How to create a dynamic report card using HTML, CSS and JavaScript ?
Video Thumbnail
10:44
Video Thumbnail
18.5K Views | 20/01/2025...
Currency converter app using ReactJS
Video Thumbnail
08:39
Video Thumbnail
3.9K Views | 20/01/2025...
Random Quote Generator App using ReactJS
Video Thumbnail
07:01
Video Thumbnail
8.4K Views | 17/01/2025...
How to download PDF file in ReactJS ?
Video Thumbnail
13:12
Video Thumbnail
16.4K Views | 16/01/2025...
Build a simple Song Lyrics Finder app using ReactJS
Video Thumbnail
18:02
Video Thumbnail
18.6K Views | 15/01/2025...
How to Design a Simple Calendar using JavaScript ?
GeeksforGeeks
location
Corporate & Communications Address:
A-143, 7th Floor, Sovereign Corporate Tower, Sector- 136, Noida, Uttar Pradesh (201305)
location
Registered Address:
K 061, Tower K, Gulshan Vivante Apartment, Sector 137, Noida, Gautam Buddh Nagar, Uttar Pradesh, 201305
GFG App on Play StoreGFG App on App Store
  • Company
  • About Us
  • Legal
  • Privacy Policy
  • Careers
  • Contact Us
  • Corporate Solution
  • Campus Training Program
  • Explore
  • POTD
  • Practice Problems
  • Connect
  • Blogs
  • Upskill Courses
  • Tutorials
  • Programming Languages
  • DSA
  • Web Technology
  • AI, ML & Data Science
  • DevOps
  • CS Core Subjects
  • GATE
  • School Subjects
  • Software and Tools
  • Courses
  • ML and Data Science
  • DSA and Placements
  • Web Development
  • Data Science
  • Programming Languages
  • DevOps & Cloud
  • GATE
  • MongoDB Certifications
  • Offline Centers
  • Noida
  • Bengaluru
  • Hyderabad
  • Kolkata
  • Preparation Corner
  • Interview Corner
  • Aptitude
  • Puzzles
  • GfG 160
  • System Design
@GeeksforGeeks, Sanchhaya Education Private Limited, All rights reserved