Основные моменты

<svg width="800px" height="800px" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="clip-highlights"> <rect width="96" height="96"/> </clipPath> </defs> <g id="highlights" clip-path="url(#clip-highlights)"> <g id="pills" transform="translate(-348 -116)"> <circle id="Ellipse_334" data-name="Ellipse 334" cx="10" cy="10" r="10" transform="translate(386 154)" fill="none" stroke="#58595b" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_7" data-name="Line 7" x1="20" transform="translate(420 164)" fill="none" stroke="#58595b" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_8" data-name="Line 8" x1="14.142" y2="14.142" transform="translate(412.971 132.887)" fill="none" stroke="#58595b" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_9" data-name="Line 9" y2="20" transform="translate(396 120)" fill="none" stroke="#58595b" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_10" data-name="Line 10" x2="14.142" y2="14.142" transform="translate(364.887 132.887)" fill="none" stroke="#58595b" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_11" data-name="Line 11" x2="20" transform="translate(352 164)" fill="none" stroke="#58595b" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_12" data-name="Line 12" y1="14.142" x2="14.142" transform="translate(364.887 180.971)" fill="none" stroke="#58595b" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_13" data-name="Line 13" y1="20" transform="translate(396 188)" fill="none" stroke="#58595b" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_14" data-name="Line 14" x1="14.142" y1="14.142" transform="translate(412.971 180.971)" fill="none" stroke="#58595b" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> </g> </g> </svg>