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

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

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 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 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 reference an external SVG file within an HTML document for displaying an icon?

A). Using the <img> element with the SVG file path

B). Using the <use> element with the SVG file path

C). Using the <object> element with the SVG file path

D). Using the <embed> element with the SVG file path

How can you apply CSS styles to an SVG icon referenced using the <use> element?

A). Apply styles directly to the <use> element

B). Apply styles to the referenced SVG file

C). Apply styles to the <svg> element containing the <use> element

D). Apply styles to the parent container of the <svg> element

How can you include an SVG sprite sheet in an HTML document for displaying icons?

A). Using the <img> element with the sprite sheet path

B). Using the <object> element with the sprite sheet path

C). Using the <use> element with the sprite sheet path

D). Using the <embed> element with the sprite sheet path

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 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

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