kitten-components
Version:
Front-end components library
72 lines (70 loc) • 6.29 kB
JavaScript
import React from 'react'
export const PhoneIllustration = props => (
<svg
width="66"
height="62"
viewBox="0 0 66 62"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<title>Phone</title>
<defs>
<rect
id="a"
x="21"
y="10"
width="24"
height="50"
rx="3.409"
strokeWidth="2"
/>
</defs>
<g fill="none" fillRule="evenodd">
<path
d="M64.672 44.198c-.163-.142-.377-.213-.593-.195l-2.337.185c-.426.04-.75.4-.743.825.008.427.344.775.772.8h.105l2.316-.187c.334-.018.622-.237.728-.552.107-.315.008-.663-.248-.876zM58.022 9.25c-.234-.01-.463.072-.634.23l-4.117 3.79c-.358.326-.384.88-.058 1.237.226.254.58.35.906.248.123-.047.238-.113.34-.195l4.116-3.793c.173-.158.276-.378.287-.61.02-.485-.355-.892-.84-.912l.002.005zM12.465 30.014L5.942 29h-.124c-.428 0-.783.328-.816.752-.032.424.27.802.692.867l6.494 1.004h.19c.42-.027.75-.364.767-.782.016-.417-.288-.78-.704-.837l.025.01zM6.5 40.89l-1.915-.085-1.005-1.61c-.075-.122-.21-.196-.354-.195h-.043c-.156.017-.29.12-.345.267l-.67 1.77-1.847.477c-.154.037-.275.158-.31.314-.035.155.023.316.148.415l1.484 1.18v.09l-.13 1.797c-.01.158.07.31.207.39.134.08.304.08.44 0l1.588-1.043 1.76.714c.144.058.308.03.425-.07.118-.098.17-.255.136-.405l-.504-1.824 1.225-1.427c.102-.12.126-.29.064-.433-.04-.17-.18-.298-.354-.32zm-1.704 1.762c-.088.105-.118.246-.082.377l.34 1.222-1.167-.504c-.128-.052-.273-.038-.388.038l-1.068.7.09-1.267c.01-.14-.05-.272-.157-.358l-1.015-.78 1.24-.306c.134-.032.243-.128.292-.257l.45-1.187.674 1.077c.073.116.198.19.335.195l1.274.057-.818.99zM10.88 23.748v.033l-.06.84c-.037.196.055.394.228.495.173.1.39.084.546-.043l.728-.477.81.33c.175.09.39.065.538-.066.15-.132.2-.34.13-.526l-.23-.84.56-.665c.145-.14.188-.352.108-.535-.08-.183-.266-.297-.466-.285l-.87-.038-.48-.738c-.088-.15-.252-.24-.426-.234h-.047c-.192.014-.355.14-.418.32l-.306.814-.847.21c-.186.045-.328.19-.37.375-.038.18.03.364.177.475l.694.553zM65.045 25.862l-4-.186-.168-.262-1.953-3.124c-.112-.18-.312-.292-.526-.29h-.063c-.234.022-.435.176-.516.395l-1.437 3.734-3.89.95c-.242.05-.43.238-.48.477-.048.23.037.467.22.614l3.126 2.487v.305l-.24 3.686c-.017.234.102.457.306.576.203.12.457.12.66 0l3.35-2.195 3.714 1.5c.22.085.468.043.646-.11.177-.156.25-.398.187-.625l-1.063-3.843 2.584-3.052c.15-.18.187-.43.092-.644-.094-.214-.302-.358-.537-.37l-.015-.024zm-3.302 3.52c-.133.154-.18.365-.125.56l.814 2.948-2.87-1.147c-.192-.077-.41-.055-.58.057l-2.57 1.68.22-3.05c.015-.204-.07-.402-.23-.53l-2.393-1.905 2.985-.733c.198-.05.36-.19.43-.38l1.087-2.858 1.628 2.595c.103.167.28.275.478.29l3.073.138-1.947 2.333zM10.99 15.187l-1.126-.052-.598-.952c-.055-.09-.153-.144-.26-.143H8.98c-.117.01-.215.087-.255.195l-.397 1.048-1.096.27c-.113.028-.2.117-.225.23-.024.11.016.227.105.3l.88.7v.033l-.076 1.09c-.012.118.047.232.15.29.104.06.233.052.33-.018l.956-.62 1.043.425c.09.03.19.016.268-.038.087-.076.122-.195.09-.305l-.296-1.08.728-.858c.064-.087.076-.202.032-.3-.045-.1-.14-.167-.248-.176l.02-.04zm-1.136 1.358l.177.647-.62-.252c-.094-.038-.2-.027-.283.028l-.565.372.048-.672c.007-.1-.036-.195-.115-.257l-.526-.418.654-.162c.097-.023.176-.093.21-.185l.24-.63.354.572c.053.085.144.14.245.143l.674.03-.435.513c-.064.077-.086.18-.058.276v-.005z"
fill="#60EE94"
/>
<path
d="M16.03 9.23c-.177 0-.347-.067-.477-.187L9.19 3.208c-.25-.272-.254-.694-.006-.97.247-.277.663-.317.96-.094L16.51 7.98c.218.198.292.512.186.79-.105.275-.368.46-.662.46h-.005z"
fill="#59F091"
/>
<path
stroke="#52DF85"
strokeWidth="1.19"
d="M55.26 52.848l-2.26-1.8L55.7 50z"
/>
<path
d="M6.814 55.94c-.317.002-.598-.207-.688-.514-.09-.306.03-.635.297-.808l6.905-4.503c.33-.215.774-.12.988.214.214.332.12.778-.212.994L7.2 55.826c-.115.075-.25.115-.386.115zM5.714 61.94c-.29-.002-.55-.178-.66-.448-.11-.27-.047-.58.16-.785l4.738-4.7c.28-.278.734-.275 1.012.008.277.283.274.74-.007 1.02l-4.74 4.698c-.133.133-.314.207-.503.206z"
fill="#59F091"
/>
<path
d="M10.452 57.24c-.08 0-.162-.015-.238-.043l-3.638-1.3c-.373-.132-.568-.543-.436-.918.13-.375.54-.572.912-.44l3.638 1.3c.325.12.52.455.46.798-.058.343-.352.595-.698.597v.005z"
fill="#59F091"
/>
<path
d="M24.88 2.748v.033l-.06.84c-.037.196.055.394.228.495.173.1.39.084.546-.043l.728-.477.81.33c.175.09.39.065.538-.066.15-.132.2-.34.13-.526l-.23-.84.56-.665c.145-.14.188-.352.108-.535-.08-.183-.266-.297-.466-.285l-.87-.038-.48-.738c-.088-.15-.252-.24-.426-.234h-.047c-.192.014-.355.14-.418.32l-.306.814-.847.21c-.186.045-.328.19-.37.375-.038.18.03.364.177.475l.694.553z"
fill="#60EE94"
/>
<rect fill="#D5FFE4" x="23" y="12" width="24" height="50" rx="3.409" />
<use stroke="#59F091" mask="url(#b)" strokeWidth="2.273" xlinkHref="#a" />
<circle fill="#FFF" cx="33" cy="35" r="7.5" />
<path
d="M33 26.477c-3.467 0-6.592 2.077-7.92 5.26-1.325 3.186-.592 6.852 1.86 9.29 2.45 2.437 6.137 3.166 9.34 1.847 3.203-1.32 5.29-4.427 5.29-7.874 0-4.707-3.836-8.523-8.57-8.523zm5.063 14.05v-5.776c0-.21-.295-.408-.508-.408h-.736c-.214 0-.263.2-.263.41v6.805c-.373.063-.373.123-.373.178v-8.842c0-.21-.296-.408-.51-.408h-1.097c-.213 0-.262.2-.262.408v9.403c-.373.02-.373.045-.373.056V30.664c0-.21-.295-.408-.508-.408h-1.1c-.212 0-.26.2-.26.408v11.658c-.374 0-.374-.033-.374-.055v-9.374c0-.21-.295-.408-.508-.408h-.725c-.213 0-.262.2-.262.408v8.917c-.373-.056-.373-.12-.373-.18v-6.853c0-.227-.296-.435-.508-.435H28.6c-.214 0-.263.212-.263.435v5.896c-.374-.112-.26-.23-.374-.35.004-.03.004-.064 0-.096V37.39c-.044-.25-.255-.434-.508-.447h-1.472c-.055.005-.11.023-.157.052-.188-.65-.285-1.325-.287-2.003.09-4.025 3.397-7.242 7.447-7.242 4.05 0 7.358 3.217 7.45 7.242-.003.664-.096 1.324-.278 1.962h-1.473c-.213 0-.262.216-.262.446v2.79c-.362.11-.362.223-.362.338z"
fill="#59F091"
/>
<ellipse fill="#59F091" cx="33" cy="56.023" rx="1.714" ry="1.705" />
<path
fill="#59F091"
d="M22.143 52.045h21.714v1.136H22.143zM22.143 16.818h21.714v1.136H22.143z"
/>
<rect
fill="#59F091"
x="31.286"
y="13.409"
width="3.429"
height="1.136"
rx=".568"
/>
</g>
</svg>
)