ставлю в уник <svg stroke="#000" fill="#000" preserveAspectRatio="xMidYMid meet" aria-hidden="true" viewBox="0 0 36 36"><g stroke-width="0" id="SVGRepo_bgCarrier"></g><g stroke-linejoin="round" stroke-linecap="round" id="SVGRepo_tracerCarrier"></g><g id="SVGRepo_iconCarrier"> <path d="M35.734 19.929C35.375 16.66 35 15 34 13c0 0 3-9 1-12.7c-.674-1.246-7.404 1.688-10 3.7c0 0-4-.998-7-.998S11 4 11 4C8.404 1.988 1.674-.946 1 .3C-1 4 2 13 2 13C1 15 .625 16.66.266 19.929C-.129 23.513.657 26.37 1 27c.39.716 2.367 3.025 5 5c4 3 10 4 12 4s8-1 12-4c2.633-1.975 4.61-4.284 5-5c.343-.63 1.129-3.487.734-7.071z" > </path> <path d="M18 19.5c3 0 3 .5 3 1.5s-1.5 3-3 3s-3-2-3-3s-.001-1.5 3-1.5z" > </path> <path d="M2 3c.447-1.342 5.64 1 6.64 2C8.64 5 4 8 3 11c0 0-2-5-1-8zm32 0c-.447-1.342-5.64 1-6.64 2c0 0 4.64 3 5.64 6c0 0 2-5 1-8z" > </path> <path d="M4.934 5.603C4.934 4.189 11 7 10 8s-2 1.603-3 2.603s-2.066-4-2.066-5zm26.132 0C31.066 4.189 25 7 26 8s2 1.603 3 2.603s2.066-4 2.066-5z" > </path> <path d="M.701 25a.5.5 0 0 1-.31-.892c.162-.127 4.02-3.12 10.648-2.605c.275.02.481.261.46.536c-.021.275-.257.501-.537.46c-6.233-.474-9.915 2.366-9.951 2.395a.51.51 0 0 1-.31.106zm8.868-4.663a.512.512 0 0 1-.149-.022c-4.79-1.497-8.737-.347-8.777-.336a.499.499 0 1 1-.288-.957c.173-.052 4.286-1.247 9.362.338a.5.5 0 0 1-.148.977zM35.299 25a.5.5 0 0 0 .31-.892c-.162-.127-4.02-3.12-10.648-2.605a.499.499 0 0 0-.46.536c.021.275.257.501.537.46c6.233-.474 9.915 2.366 9.951 2.395a.51.51 0 0 0 .31.106zm-8.868-4.663c.049 0 .1-.007.149-.022c4.79-1.497 8.737-.347 8.777-.336a.499.499 0 1 0 .288-.957c-.173-.052-4.286-1.247-9.362.338a.5.5 0 0 0 .148.977z" > </path> <path d="M25.327 25.622a.5.5 0 0 0-.551-.069l-4 2c-1.871.935-6.727.947-6.776.947a.5.5 0 0 0-.25.933v.001h.001v.001c.071.04.153.063.24.065h7.008c2.658 0 4.089-2.186 4.475-3.342a.5.5 0 0 0-.147-.536z" > </path> <g > <ellipse ry="3.5" rx="2" cy="14.5" cx="12"> </ellipse> <ellipse ry="3.5" rx="2" cy="14.5" cx="24"> </ellipse> <path d="M21 12a.999.999 0 0 1-.707-1.707C24.537 6.049 28.819 6 29 6a1 1 0 0 1 .005 2c-.065.001-3.687.096-7.298 3.707A.997.997 0 0 1 21 12zm-6 0a.997.997 0 0 1-.707-.293C10.667 8.082 7.031 8 6.995 8a1.002 1.002 0 0 1-.992-1.005A.997.997 0 0 1 7 6c.18 0 4.463.049 8.707 4.293A.999.999 0 0 1 15 12z"> </path> </g> </g></svg> Код <svg stroke="#000" fill="#000" preserveAspectRatio="xMidYMid meet" aria-hidden="true" viewBox="0 0 36 36"><g stroke-width="0" id="SVGRepo_bgCarrier"></g><g stroke-linejoin="round" stroke-linecap="round" id="SVGRepo_tracerCarrier"></g><g id="SVGRepo_iconCarrier"> <path d="M35.734 19.929C35.375 16.66 35 15 34 13c0 0 3-9 1-12.7c-.674-1.246-7.404 1.688-10 3.7c0 0-4-.998-7-.998S11 4 11 4C8.404 1.988 1.674-.946 1 .3C-1 4 2 13 2 13C1 15 .625 16.66.266 19.929C-.129 23.513.657 26.37 1 27c.39.716 2.367 3.025 5 5c4 3 10 4 12 4s8-1 12-4c2.633-1.975 4.61-4.284 5-5c.343-.63 1.129-3.487.734-7.071z" > </path> <path d="M18 19.5c3 0 3 .5 3 1.5s-1.5 3-3 3s-3-2-3-3s-.001-1.5 3-1.5z" > </path> <path d="M2 3c.447-1.342 5.64 1 6.64 2C8.64 5 4 8 3 11c0 0-2-5-1-8zm32 0c-.447-1.342-5.64 1-6.64 2c0 0 4.64 3 5.64 6c0 0 2-5 1-8z" > </path> <path d="M4.934 5.603C4.934 4.189 11 7 10 8s-2 1.603-3 2.603s-2.066-4-2.066-5zm26.132 0C31.066 4.189 25 7 26 8s2 1.603 3 2.603s2.066-4 2.066-5z" > </path> <path d="M.701 25a.5.5 0 0 1-.31-.892c.162-.127 4.02-3.12 10.648-2.605c.275.02.481.261.46.536c-.021.275-.257.501-.537.46c-6.233-.474-9.915 2.366-9.951 2.395a.51.51 0 0 1-.31.106zm8.868-4.663a.512.512 0 0 1-.149-.022c-4.79-1.497-8.737-.347-8.777-.336a.499.499 0 1 1-.288-.957c.173-.052 4.286-1.247 9.362.338a.5.5 0 0 1-.148.977zM35.299 25a.5.5 0 0 0 .31-.892c-.162-.127-4.02-3.12-10.648-2.605a.499.499 0 0 0-.46.536c.021.275.257.501.537.46c6.233-.474 9.915 2.366 9.951 2.395a.51.51 0 0 0 .31.106zm-8.868-4.663c.049 0 .1-.007.149-.022c4.79-1.497 8.737-.347 8.777-.336a.499.499 0 1 0 .288-.957c-.173-.052-4.286-1.247-9.362.338a.5.5 0 0 0 .148.977z" > </path> <path d="M25.327 25.622a.5.5 0 0 0-.551-.069l-4 2c-1.871.935-6.727.947-6.776.947a.5.5 0 0 0-.25.933v.001h.001v.001c.071.04.153.063.24.065h7.008c2.658 0 4.089-2.186 4.475-3.342a.5.5 0 0 0-.147-.536z" > </path> <g > <ellipse ry="3.5" rx="2" cy="14.5" cx="12"> </ellipse> <ellipse ry="3.5" rx="2" cy="14.5" cx="24"> </ellipse> <path d="M21 12a.999.999 0 0 1-.707-1.707C24.537 6.049 28.819 6 29 6a1 1 0 0 1 .005 2c-.065.001-3.687.096-7.298 3.707A.997.997 0 0 1 21 12zm-6 0a.997.997 0 0 1-.707-.293C10.667 8.082 7.031 8 6.995 8a1.002 1.002 0 0 1-.992-1.005A.997.997 0 0 1 7 6c.18 0 4.463.049 8.707 4.293A.999.999 0 0 1 15 12z"> </path> </g> </g></svg> а тут чёрное.
Так надо? Если да то код Код <svg stroke="#000" fill="#fff" preserveAspectRatio="xMidYMid meet" aria-hidden="true" viewBox="0 0 36 36"><g stroke-width="0" id="SVGRepo_bgCarrier"></g><g stroke-linejoin="round" stroke-linecap="round" id="SVGRepo_tracerCarrier"></g><g id="SVGRepo_iconCarrier"> <path d="M35.734 19.929C35.375 16.66 35 15 34 13c0 0 3-9 1-12.7c-.674-1.246-7.404 1.688-10 3.7c0 0-4-.998-7-.998S11 4 11 4C8.404 1.988 1.674-.946 1 .3C-1 4 2 13 2 13C1 15 .625 16.66.266 19.929C-.129 23.513.657 26.37 1 27c.39.716 2.367 3.025 5 5c4 3 10 4 12 4s8-1 12-4c2.633-1.975 4.61-4.284 5-5c.343-.63 1.129-3.487.734-7.071z" > </path> <path d="M18 19.5c3 0 3 .5 3 1.5s-1.5 3-3 3s-3-2-3-3s-.001-1.5 3-1.5z" > </path> <path d="M2 3c.447-1.342 5.64 1 6.64 2C8.64 5 4 8 3 11c0 0-2-5-1-8zm32 0c-.447-1.342-5.64 1-6.64 2c0 0 4.64 3 5.64 6c0 0 2-5 1-8z" > </path> <path d="M4.934 5.603C4.934 4.189 11 7 10 8s-2 1.603-3 2.603s-2.066-4-2.066-5zm26.132 0C31.066 4.189 25 7 26 8s2 1.603 3 2.603s2.066-4 2.066-5z" > </path> <path d="M.701 25a.5.5 0 0 1-.31-.892c.162-.127 4.02-3.12 10.648-2.605c.275.02.481.261.46.536c-.021.275-.257.501-.537.46c-6.233-.474-9.915 2.366-9.951 2.395a.51.51 0 0 1-.31.106zm8.868-4.663a.512.512 0 0 1-.149-.022c-4.79-1.497-8.737-.347-8.777-.336a.499.499 0 1 1-.288-.957c.173-.052 4.286-1.247 9.362.338a.5.5 0 0 1-.148.977zM35.299 25a.5.5 0 0 0 .31-.892c-.162-.127-4.02-3.12-10.648-2.605a.499.499 0 0 0-.46.536c.021.275.257.501.537.46c6.233-.474 9.915 2.366 9.951 2.395a.51.51 0 0 0 .31.106zm-8.868-4.663c.049 0 .1-.007.149-.022c4.79-1.497 8.737-.347 8.777-.336a.499.499 0 1 0 .288-.957c-.173-.052-4.286-1.247-9.362.338a.5.5 0 0 0 .148.977z" > </path> <path d="M25.327 25.622a.5.5 0 0 0-.551-.069l-4 2c-1.871.935-6.727.947-6.776.947a.5.5 0 0 0-.25.933v.001h.001v.001c.071.04.153.063.24.065h7.008c2.658 0 4.089-2.186 4.475-3.342a.5.5 0 0 0-.147-.536z" > </path> <g > <ellipse ry="3.5" rx="2" cy="14.5" cx="12"> </ellipse> <ellipse ry="3.5" rx="2" cy="14.5" cx="24"> </ellipse> <path d="M21 12a.999.999 0 0 1-.707-1.707C24.537 6.049 28.819 6 29 6a1 1 0 0 1 .005 2c-.065.001-3.687.096-7.298 3.707A.997.997 0 0 1 21 12zm-6 0a.997.997 0 0 1-.707-.293C10.667 8.082 7.031 8 6.995 8a1.002 1.002 0 0 1-.992-1.005A.997.997 0 0 1 7 6c.18 0 4.463.049 8.707 4.293A.999.999 0 0 1 15 12z"> </path> </g> </g><animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="2s" values="0;1" begin="mouseenter"></animateTransform></svg>
кошак, Почти <svg preserveAspectRatio="xMidYMid meet" aria-hidden="true" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"> <!-- Yellow body with black outlines --> <path d="M35.734 19.929C35.375 16.66 35 15 34 13c0 0 3-9 1-12.7c-.674-1.246-7.404 1.688-10 3.7c0 0-4-.998-7-.998S11 4 11 4C8.404 1.988 1.674-.946 1 .3C-1 4 2 13 2 13C1 15 .625 16.66.266 19.929C-.129 23.513.657 26.37 1 27c.39.716 2.367 3.025 5 5c4 3 10 4 12 4s8-1 12-4c2.633-1.975 4.61-4.284 5-5c.343-.63 1.129-3.487.734-7.071z" fill="#FFC107" stroke="#000000"/> <path d="M18 19.5c3 0 3 .5 3 1.5s-1.5 3-3 3s-3-2-3-3s-.001-1.5 3-1.5z" fill="#FFC107" stroke="#000000"/> <path d="M2 3c.447-1.342 5.64 1 6.64 2C8.64 5 4 8 3 11c0 0-2-5-1-8zm32 0c-.447-1.342-5.64 1-6.64 2c0 0 4.64 3 5.64 6c0 0 2-5 1-8z" fill="#FFC107" stroke="#000000"/> <path d="M4.934 5.603C4.934 4.189 11 7 10 8s-2 1.603-3 2.603s-2.066-4-2.066-5zm26.132 0C31.066 4.189 25 7 26 8s2 1.603 3 2.603s2.066-4 2.066-5z" fill="#FFC107" stroke="#000000"/> <path d="M.701 25a.5.5 0 0 1-.31-.892c.162-.127 4.02-3.12 10.648-2.605c.275.02.481.261.46.536c-.021.275-.257.501-.537.46c-6.233-.474-9.915 2.366-9.951 2.395a.51.51 0 0 1-.31.106zm8.868-4.663a.512.512 0 0 1-.149-.022c-4.79-1.497-8.737-.347-8.777-.336a.499.499 0 1 1-.288-.957c.173-.052 4.286-1.247 9.362.338a.5.5 0 0 1-.148.977zM35.299 25a.5.5 0 0 0 .31-.892c-.162-.127-4.02-3.12-10.648-2.605a.499.499 0 0 0-.46.536c.021.275.257.501.537.46c6.233-.474 9.915 2.366 9.951 2.395a.51.51 0 0 0 .31.106zm-8.868-4.663c.049 0 .1-.007.149-.022c4.79-1.497 8.737-.347 8.777-.336a.499.499 0 1 0 .288-.957c-.173-.052-4.286-1.247-9.362.338a.5.5 0 0 0 .148.977z" fill="#FFC107" stroke="#000000"/> <path d="M25.327 25.622a.5.5 0 0 0-.551-.069l-4 2c-1.871.935-6.727.947-6.776.947a.5.5 0 0 0-.25.933v.001h.001v.001c.071.04.153.063.24.065h7.008c2.658 0 4.089-2.186 4.475-3.342a.5.5 0 0 0-.147-.536z" fill="#FFC107" stroke="#000000"/> <!-- Pink inner ears --> <polygon points="5,10 10,5 15,10" fill="#F06292"/> <polygon points="21,10 26,5 31,10" fill="#F06292"/> <!-- Black eyes --> <ellipse ry="3.5" rx="2" cy="14.5" cx="12" fill="#000000"/> <ellipse ry="3.5" rx="2" cy="14.5" cx="24" fill="#000000"/> <!-- Black eyebrows --> <path d="M10,10 L14,8" stroke="#000000" stroke-width="2" fill="none"/> <path d="M22,10 L26,8" stroke="#000000" stroke-width="2" fill="none"/> <!-- Black mouth --> <path d="M15,20 Q18,23 21,20" stroke="#000000" stroke-width="2" fill="none"/> <!-- White whiskers --> <line x1="12" y1="18" x2="6" y2="16" stroke="#FFFFFF" stroke-width="1"/> <line x1="12" y1="20" x2="6" y2="22" stroke="#FFFFFF" stroke-width="1"/> <line x1="24" y1="18" x2="30" y2="16" stroke="#FFFFFF" stroke-width="1"/> <line x1="24" y1="20" x2="30" y2="22" stroke="#FFFFFF" stroke-width="1"/> <!-- Animation --> <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="2s" values="0;1" begin="mouseenter"/> </svg>