Q
Which of the following is true about SVG sprites?

Answer & Solution

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

Which SVG element is used to create a rectangle?

A). <rect>

B). <circle>

C). <path>

D). <line>

What does the fill attribute specify in an SVG element?

A). Fill color

B). Stroke color

C). Border radius

D). Opacity

Which of the following is a best practice for creating SVG icons and illustrations?

A). Use semantic markup and optimize for performance

B). Use inline styles for all elements and attributes

C). Ignore accessibility considerations

D). Create separate SVG files for each icon

What is the purpose of the <defs> element in SVG?

A). Defines reusable elements and gradients

B). Specifies the document type

C). Declares the document's width and height

D). Specifies the SVG version

What is the purpose of the <title> element in SVG?

A). Provides a text description or tooltip for SVG elements

B). Sets the title of the SVG document

C). Defines the font family for text within SVG elements

D). Specifies the language of the SVG content

What is the purpose of the viewBox attribute in SVG?

A). Defines the coordinate system and aspect ratio for the SVG

B). Specifies the fill color of an element

C). Sets the stroke color of an element

D). Determines the width and height of the SVG canvas

What is the purpose of the viewBox attribute in SVG?

A). Defines the coordinate system and aspect ratio for the SVG

B). Specifies the fill color of an element

C). Sets the stroke color of an element

D). Determines the width and height of the SVG canvas

What is the purpose of the stroke-linecap attribute in SVG?

A). Specifies the shape of the line endings

B). Determines the length of the dashed lines

C). Sets the color of the dashed lines

D). Defines the spacing between dashes

How can you create a star shape in SVG?

A). Using the <polygon> element with specific coordinates

B). Using the <circle> element with a high r value

C). Using the <path> element with predefined commands

D). Using the <rect> element with rounded corners

How can you create a gradient fill in SVG?

A). Using the <linearGradient> or <radialGradient> elements

B). Using the <pattern> element

C). Applying CSS styles to SVG elements

D). Using the <filter> element for gradients