What is the purpose of using SVG sprite sheets for icons in web development?
A). Combine multiple SVG icons into a single file for performance
B). Embed SVG icons directly into HTML for faster loading
C). Use inline SVG code for flexibility
D). Increase file size for better quality
How can you create a hover effect for an SVG icon using CSS?
A). Apply :hover pseudo-class to the SVG element
B). Use JavaScript for hover effects
C). Add a <hover> attribute to the SVG icon
D). Apply a class on hover using JavaScript
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 SVG files for icons in web development?
A). Code reusability and maintenance
B). Increased file size
C). Inline styling options
D). Compatibility issues
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 recommended approach for optimizing SVG icons for web use?
A). Minimize file size, remove unnecessary code, and optimize paths
B). Increase file size for better quality
C). Use inline styles for all SVG elements
D). Embed external CSS files into SVG
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
What technique can be used to change the color of an SVG icon on user interaction?
A). Apply CSS styles on hover or click events
B). Use JavaScript to dynamically change the SVG's color
C). Embed multiple versions of the SVG with different colors
D). Apply inline styles to the SVG 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
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