Q
What is the purpose of using SVG sprite sheets for icons in web development?

Answer & Solution

Answer: Option A
Solution:
SVG sprite sheets combine multiple SVG icons into a single file, reducing HTTP requests and improving performance by serving all icons from one file.
Related Questions on Average

How can you add a title to an SVG icon for accessibility purposes?

A). Using the <desc> element

B). Using the <span> element

C). Using the <title> element

D). Using the <header> element

What is the advantage of using CSS for styling SVG icons instead of inline styles?

A). Easier maintenance and consistent styling

B). Better compatibility with older browsers

C). Faster loading times

D). Increased file size

How can you embed an inline SVG icon directly into an HTML document?

A). Using the <svg> element

B). Using the <img> element

C). Using the <div> element

D). Using the <span> element

What is the purpose of the viewBox attribute in SVG icons?

A). Defines the coordinate system and aspect ratio

B). Specifies the fill color of the icon

C). Sets the icon's size

D). Determines the file format of the icon

Which attribute is used in SVG <use> elements to reference a specific icon within an external SVG file?

A). xlink:href

B). src

C). href

D). file

How can you animate an SVG icon using CSS animations?

A). Define animation keyframes and apply them to the SVG icon

B). Use the animate element within the SVG file

C). Apply JavaScript code for animations

D). Use external animation libraries

What is the purpose of using external CSS stylesheets for SVG icons?

A). Centralized styling, easier maintenance, and consistent design

B). Increased file size and slower loading times

C). Inline styling options

D). Compatibility with non-SVG formats

Which attribute of SVG sprite <symbol> elements is used to define a unique ID for each icon within the sprite sheet?

A). id

B). name

C). class

D). label

Which CSS property is commonly used to style SVG icons in HTML documents?

A). fill

B). background-color

C). border

D). text-decoration

What is the advantage of using SVG icons over raster images in web design?

A). Scalability without loss of quality

B). Larger file sizes

C). Limited color options

D). Incompatibility with HTML5