Solar · UI

solar:user-heart-bold

Solar offers outline, bold, and broken styles of the same metaphor, useful when a screen needs more than one weight. License: CC BY 4.0.

License: CC BY 4.0 · /r/solar/user-heart-bold.json

Redistribution follows that set’s license. Brand marks can have extra trademark limits.

React

import type { SVGProps } from 'react';

export function UserHeartBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 13C13.326 13 14.5766 13.1817 15.6777 13.5029C15.2048 13.5087 14.764 13.5255 14.3799 13.5771C13.737 13.6636 13.0336 13.8707 12.4521 14.4521C11.8707 15.0336 11.6636 15.737 11.5771 16.3799C11.4995 16.9576 11.4999 17.6635 11.5 18.4141V18.5859C11.4999 19.3365 11.4995 20.0424 11.5771 20.6201C11.6378 21.0712 11.7584 21.5523 12.0254 22C12.0171 22 12.0083 22 12 22C4 22 4 19.9853 4 17.5C4 15.0147 7.58172 13 12 13Z"/><path fillRule="evenodd" d="M16.5 15C18.1499 15 18.9747 15.0001 19.4873 15.5127C19.9999 16.0253 20 16.8501 20 18.5C20 20.1499 19.9999 20.9747 19.4873 21.4873C18.9747 21.9999 18.1499 22 16.5 22C14.8501 22 14.0253 21.9999 13.5127 21.4873C13.0001 20.9747 13 20.1499 13 18.5C13 16.8501 13.0001 16.0253 13.5127 15.5127C14.0253 15.0001 14.8501 15 16.5 15ZM19 17.8594C18.9997 16.7297 17.6248 15.9286 16.5 17.0146C15.3752 15.9286 14.0003 16.7297 14 17.8594C14 18.8829 14.8244 19.4739 15.5264 19.9766C15.5993 20.0288 15.671 20.0801 15.7402 20.1309C15.9998 20.321 16.25 20.5 16.5 20.5C16.75 20.5 17.0002 20.321 17.2598 20.1309C17.329 20.0801 17.4007 20.0288 17.4736 19.9766C18.1756 19.4739 19 18.8829 19 17.8594Z" clipRule="evenodd"/><path d="M12 2C14.2091 2 16 3.79086 16 6C16 8.20914 14.2091 10 12 10C9.79086 10 8 8.20914 8 6C8 3.79086 9.79086 2 12 2Z"/></g></svg>
  );
}

Solar icon

Solar

Solar

solar