nexxtway/react-rainbow

View on GitHub
assets/images/componentsThumbs/Avatar.svg

Summary

Maintainability
Test Coverage
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="141" height="83" viewBox="0 0 141 83">
    <defs>
        <path id="b" d="M12.94 17.373H8.611l-.86 2.242H6.538l3.651-9.23h1.213l3.624 9.23h-1.252l-.834-2.242zm-4.003-.9h3.677l-1.838-4.993-1.839 4.993zm13.351-3.833c0 .548-.156 1.004-.47 1.37a2.188 2.188 0 0 1-1.199.716v.026c.635.079 1.139.315 1.513.71.373.396.56.929.56 1.598 0 .878-.289 1.523-.867 1.936-.578.413-1.327.62-2.249.62h-3.311v-9.231h3.246c.835 0 1.506.178 2.014.534.509.357.763.93.763 1.721zm-4.902-1.369v3.116h1.851c.574 0 1.032-.137 1.376-.41.343-.274.515-.676.515-1.206 0-1-.626-1.5-1.878-1.5h-1.864zm0 3.95v3.495h1.956c.651 0 1.175-.141 1.57-.424.396-.282.594-.732.594-1.35 0-.564-.183-.992-.548-1.284-.365-.29-.882-.436-1.551-.436h-2.021z"/>
        <filter id="a" width="118.6%" height="132.5%" x="-9.3%" y="-16.2%" filterUnits="objectBoundingBox">
            <feOffset in="SourceAlpha" result="shadowOffsetOuter1"/>
            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.643254082 0 0 0 0 0.656386854 0 0 0 0 0.708917942 0 0 0 1 0"/>
        </filter>
        <rect id="c" width="43.928" height="43.928" rx="21.964"/>
    </defs>
    <g fill="none" fill-rule="evenodd">
        <g transform="translate(47 53)">
            <circle cx="15" cy="15" r="15" fill="#01B6F5" fill-rule="nonzero"/>
            <use fill="#000" filter="url(#a)" xlink:href="#b"/>
            <use fill="#FFF" xlink:href="#b"/>
        </g>
        <g>
            <mask id="d" fill="#fff">
                <use xlink:href="#c"/>
            </mask>
            <use fill="#E3E5ED" fill-rule="nonzero" xlink:href="#c"/>
            <g mask="url(#d)">
                <path fill="#543B2E" d="M31.059 15.94a9.054 9.054 0 1 0-18.107 0 9.054 9.054 0 0 0 18.107 0"/>
                <path fill="#E5C5A6" d="M25.034 35.328l-3.067 8.604-2.99-8.604v-6.643h6.057v6.643"/>
                <path fill="#EFD4B6" d="M14.412 19.782c0 4.524 1.763 6.657 2.406 7.477.592.754 3.627 3.193 5.187 3.193 10.363-8.488 0-20.177 0-20.177-2.941 0-7.593 1.672-7.593 9.507z"/>
                <path fill="#EFD4B6" d="M12.949 21.65c-.13-1.251.467-2.362 1.332-2.481.866-.119 1.672.8 1.802 2.052.13 1.252-.467 2.362-1.332 2.481-.866.119-1.672-.8-1.802-2.051M21.98 10.275c2.942 0 7.594 1.672 7.594 9.507 0 4.524-1.763 6.657-2.406 7.477-.592.754-3.627 3.193-5.187 3.193V10.275"/>
                <path fill="#EFD4B6" d="M31.061 21.65c.13-1.251-.467-2.362-1.332-2.481-.865-.119-1.672.8-1.802 2.052-.13 1.252.467 2.362 1.333 2.481.865.119 1.671-.8 1.801-2.051"/>
                <path fill="#543B2E" d="M21.905 8.377a3.823 3.823 0 0 0-.446-.032s-4.968.372-6.35 6.843c-.664.497-1.881 2.433-.277 4.59.221-1.825.89-3.147 2.046-3.65 2.052-.893 2.897-.063 5.275-1.888 1.389-1.066 1.888-3.21 1.581-4.407-.552-1.488-1.962-1.432-1.829-1.456"/>
                <path fill="#543B2E" d="M23.42 10.175s-1.79 6.68 6.028 9.478c1.873-6.116-1.549-10.105-6.028-9.478"/>
                <path fill="#E5C5A6" d="M21.967 43.932v-8.274s-2.26-.56-2.759-2.391c-.239-.88-.232-1.586-.232-1.586s-4.942 1.669-6.045 3.393c-.918 2.733-1.17 8.858-1.17 8.858h10.206M21.967 43.932v-8.274s2.26-.56 2.758-2.391c.24-.88.233-1.586.233-1.586s4.94 1.669 6.044 3.393c.918 2.733 1.17 8.858 1.17 8.858H21.967"/>
                <path fill="#FFFFFE" d="M22.005 27.692c1.147 0 2.076-.704 2.076-1.572H19.93c0 .868.93 1.572 2.076 1.572"/>
                <path fill="#543B2E" d="M24.863 6.886a2.858 2.858 0 1 0-5.716 0 2.858 2.858 0 0 0 5.716 0"/>
                <path fill="#1DE9B6" d="M17.327 32.312c-1 .416-1.407.56-2.152 1.013-.088.607-.757 2.28-1.069 4.797-.307 2.48.414 5.81.414 5.81h7.447l5.777-3.472-5.777-2.719c-2.53 0-4.585-2.42-4.64-5.43z"/>
                <path fill="#1DE9B6" d="M21.967 37.741c2.53 0 4.585-2.42 4.64-5.43 1 .417 1.406.56 2.152 1.014.087.607.757 2.28 1.069 4.797.307 2.48-.414 5.81-.414 5.81h-7.447v-6.19"/>
            </g>
        </g>
        <g fill-rule="nonzero" transform="translate(103 35)">
            <circle cx="19" cy="19" r="19" fill="#01B6F5"/>
            <g fill="#FFF">
                <path d="M19.33 20.961a6.342 6.342 0 0 1-6.336-6.335A6.342 6.342 0 0 1 19.33 8.29a6.342 6.342 0 0 1 6.335 6.335 6.342 6.342 0 0 1-6.335 6.335zm0-11.519a5.19 5.19 0 0 0-5.184 5.184 5.19 5.19 0 0 0 5.184 5.183 5.19 5.19 0 0 0 5.183-5.183 5.19 5.19 0 0 0-5.183-5.184zM7.627 31.588a.594.594 0 0 1-1.004-.634c3.27-5.178 7.544-7.798 12.773-7.798s9.502 2.62 12.773 7.798a.594.594 0 0 1-1.004.634c-3.063-4.85-6.97-7.244-11.77-7.244-4.798 0-8.705 2.394-11.768 7.244z"/>
            </g>
        </g>
    </g>
</svg>