0% ont trouvé ce document utile (0 vote)
58 vues3 pages

Instructions

L'illustration montre une interface utilisateur avec différents éléments comme des boutons, des champs de texte et des zones colorées. Le document contient le code SVG de l'illustration.

Transféré par

gamerriddles
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats TXT, PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
58 vues3 pages

Instructions

L'illustration montre une interface utilisateur avec différents éléments comme des boutons, des champs de texte et des zones colorées. Le document contient le code SVG de l'illustration.

Transféré par

gamerriddles
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats TXT, PDF, TXT ou lisez en ligne sur Scribd

<svg width="265" height="260" fill="none" xmlns="[Link]

org/2000/svg"><g
filter="url(#a)"><g clip-path="url(#b)"><rect x="39.324" y="48.113" width="190"
height="137" rx="8" fill="#F1F3F5"/><path fill="#fff" d="M191.11
66.328h38.214v122.583H191.11zM39.324 48.113h190v16.636h-190z"/><path d="M48.54
58.772v-2.453a.066.066 0 01.057-.065 4.85 4.85 0 002.332-1.023v-.904a4.228 4.228 0
01-2.683 [Link] 0 00-.369.398v3.124a.4.4 0 00.437.398 5.022 5.022 0 002.615-
1.023v-.882a4.336 4.336 0 01-2.31 [Link] 0 01-.055-.015.067.067 0
01-.023-.051z" fill="#2651A1"/><path d="M53.318 57.243a4.18 4.18 0
01.298-.037.398.398 0 00.366-.397v-3.126a.402.402 0 00-.437-.398 5.022 5.022 0 00-
2.615 1.023v.882a4.337 4.337 0 012.31-[Link] 0 [Link].066 0
01.023.051v2.453a.066.066 0 01-.056.065c-.855.127-1.66.48-2.332 1.023v.904a4.203
4.203 0 012.388-1.263z" fill="#FF723F"/><path d="M47.214 55.946V53.43a.067.067 0
01.075-.067 5.959 5.959 0 013.641 1.876v-.933a6.64 6.64 0 00-3.956-[Link] 0
00-.[Link] 0 00-.04.175v3.127a.468.468 0 00.438.464 5.987 5.987 0 013.941
1.874v-.925a6.6 6.6 0 00-3.656-[Link] 0 01-.06-.066z" fill="#09BDF8"/><path
d="M50.441 54.768a4.24 4.24 0
01-.279.198c.[Link].496.47.092-.065.18-.132.268-.202a6.047 6.047 0
00-.485-.466zm-.001 3.293a4.4 4.4 0 01-.286.193c.[Link].504.468a5.88 5.88
0 00.272-.197 6.045 6.045 0 00-.49-.464z" fill="#1E3C74"/><path d="M50.93
54.303v.932a6.6 6.6 0 003.656 [Link] 0 01.06.066v2.516a.067.067 0
01-.076.067 5.961 5.961 0 01-3.64-1.908v.939a6.639 6.639 0 003.954 [Link] 0
00.425-.4v-3.126a.467.467 0 00-.435-.464 5.989 5.989 0 01-3.944-1.908z"
fill="#FFBC5C"/><path d="M51.415 58.068c.09-.07.183-.136.279-.198a5.693 5.693 0
01-.49-.473 4.91 4.91 0 00-.269.2c.[Link].48.471zm.004-3.293a4.39 4.39 0
01.285-.193 5.697 5.697 0 01-.498-.47 5.143 5.143 0
00-.272.195c.[Link].485.468z" fill="#FF4949"/><rect x="60.309" y="54.932"
width="12" height="3" rx="1.5" fill="#E9EBED"/><rect x="74.309" y="54.932"
width="12" height="3" rx="1.5" fill="#E9EBED"/><rect x="88.309" y="54.932"
width="12" height="3" rx="1.5" fill="#E9EBED"/><rect x="102.309" y="54.932"
width="12" height="3" rx="1.5" fill="#E9EBED"/><rect x="159.309" y="54.367"
width="62.785" height="4.13" rx="2.065" fill="#E9EBED"/><path fill="#EDF2F7"
d="M39.148 66.194h152v110.513h-152z"/><rect x="43.148" y="70.194" width="33.179"
height="37.661" rx="1" fill="#FBFCFD"/><rect x="80.327" y="70.194" width="33.179"
height="37.661" rx="1" fill="#FBFCFD"/><rect x="87.309" y="123.113" width="63.992"
height="13.601" rx="3" fill="#0206A8"/><path fill="#fff" stroke="#EDF2F7" stroke-
width=".5" d="M36.102 176.258h196.446v10.762H36.102z"/></g><rect x="38.824"
y="47.613" width="191" height="138" rx="8.5" stroke="#EBEEF0"/></g><path
d="M204.901 125.832l1.372 2.383 2.684.572-1.836 2.044.287 2.736-2.507-1.119-2.506
1.119.287-2.736-1.836-2.044 2.684-.572 1.371-2.383z" fill="url(#c)"/><path
d="M215.013 125.832l1.372 2.383 2.684.572-1.836 2.044.287 2.736-2.507-1.119-2.507
1.119.288-2.736-1.837-2.044 2.684-.572 1.372-2.383z" fill="url(#d)"/><path
d="M225.125 125.832l1.372 2.383 2.684.572-1.837 2.044.287 2.736-2.506-1.119-2.507
1.119.287-2.736-1.836-2.044 2.684-.572 1.372-2.383z" fill="url(#e)"/><path
d="M235.236 125.832l1.372 2.383 2.684.572-1.836 2.044.287 2.736-2.507-1.119-2.506
1.119.287-2.736-1.836-2.044 2.684-.572 1.371-2.383z" fill="url(#f)"/><path
d="M245.348 125.832l1.372 2.383 2.684.572-1.837 2.044.288 2.736-2.507-1.119-2.507
1.119.288-2.736-1.837-2.044 2.684-.572 1.372-2.383z" fill="url(#g)"/><g
filter="url(#h)"><path d="M235.657 41.316h-31.23a8.135 8.135 0 00-8.135
8.135v54.813a8.134 8.134 0 008.135 8.134h41.395a8.134 8.134 0 008.134-
8.134V59.708c0-.57-.224-1.119-.623-1.527l-15.656-16.014a2.826 2.826 0 00-2.02-.85z"
fill="url(#i)"/><path d="M241.889 75.41h-33.526c-.723 0-1.355.626-1.355 1.34
0 .715.632 1.34 1.355 1.34h33.526c.723 0 1.355-.625 1.355-1.34 0-.714-.632-1.34-
1.355-1.34zm0-7.413h-33.526c-.723 0-1.355.625-1.355 1.34 0 .714.632 1.34 1.355
1.34h33.526c.723 0 1.355-.626 1.355-1.34 0-.715-.632-1.34-1.355-1.34zm0 14.916h-
33.526c-.723 0-1.355.625-1.355 1.34 0 .714.632 1.34 1.355 1.34h33.526c.723 0
1.355-.626 1.355-1.34 0-.804-.632-1.34-1.355-1.34zm0 7.413h-33.526c-.723 0-
1.355.626-1.355 1.34 0 .715.632 1.34 1.355 1.34h33.526c.723 0 1.355-.625 1.355-1.34
0-.714-.542-1.34-1.355-1.34zm-19.507 7.414h-14.019c-.723 0-1.355.625-1.355 1.34
0 .714.632 1.339 1.355 1.339h14.019c.723 0 1.356-.625 1.356-1.34 0-.714-.542-1.34-
1.356-1.34z" fill="url(#j)"/><g filter="url(#k)"><path fill-rule="evenodd" clip-
rule="evenodd" d="M236.912 42.7v11.985a3.688 3.688 0 003.688 3.688h11.985c.701 0
1.281.522 1.371 1.198a3.692 3.692 0 00-1.033-2.272l-14.464-14.866a3.688 3.688 0 00-
2.643-1.117h-.287c.764 0 1.383.62 1.383 1.383z" fill="url(#l)"/></g></g><path
d="M179.188 98.316l.018 4.092c-7.482.379-14.112 6.406-14.753 13.781 2.597-4.294
7.28-7.182 12.655-7.205a14.78 14.78 0 012.127.16l.02 4.594 9.395-7.752-9.462-7.67z"
fill="url(#m)"/><g filter="url(#n)"><path d="M41.254 98.316H13.378a3.388 3.388 0
00-3.388 3.388v47.271a3.388 3.388 0 003.388 3.388h38.397a3.388 3.388 0 003.388-
3.388v-36.75c0-.641-.255-1.257-.708-1.711l-11.49-11.489a2.42 2.42 0 00-1.71-.709z"
fill="url(#o)"/><path d="M13.378 98.566h27.876a2.17 2.17 0 011.535.636l11.489
11.489c.[Link].635 1.534v36.75a3.138 3.138 0 01-3.138 3.138H13.378a3.138
3.138 0 01-3.138-3.138v-47.271a3.138 3.138 0 013.138-3.138z" stroke="#fff" stroke-
width=".5"/></g><g filter="url(#p)"><path d="M62.71 160.962H18.007c-.934 0-
1.693-.76-1.693-1.699v-53.202c0-.938.76-1.698 1.694-1.698H62.71c.934 0 1.693.76
1.693 1.698v53.202c0 .939-.759 1.699-1.693 1.699z" fill="url(#q)" stroke="#fff"
stroke-width=".5"/><path opacity=".7" d="M54.041 125.382H26.305c-.599 0-1.122.518-
1.122 1.109s.523 1.108 1.122 1.108H54.04c.598 0 1.122-.517 1.122-1.108 0-.591-.524-
1.109-1.122-1.109zm0-6.133H26.305c-.599 0-1.122.517-1.122 1.108 0 .592.523 1.109
1.122 1.109H54.04c.598 0 1.122-.517 1.122-1.109 0-.591-.524-1.108-1.122-1.108zm0
12.34H26.305c-.599 0-1.122.518-1.122 1.109s.523 1.108 1.122 1.108H54.04c.598 0
1.122-.517 1.122-1.108 0-.665-.524-1.109-1.122-1.109zm0 6.134H26.305c-.599 0-
1.122.517-1.122 1.108 0 .591.523 1.109 1.122 1.109H54.04c.598 0 1.122-.518 1.122-
1.109s-.449-1.108-1.122-1.108zm-16.138 6.133H26.305c-.599 0-1.122.517-1.122 1.109 0
.591.523 1.108 1.122 1.108h11.598c.598 0 1.121-.517 1.121-1.108 0-.592-.448-1.109-
1.121-1.109z" fill="url(#r)"/></g><path d="M82.682 169.189l.016-3.653c-6.68-.338-
12.6-5.72-13.172-12.305 2.319 3.834 6.5 6.413 11.3 6.434a13.36 13.36 0
001.898-.143l.018-4.102 8.389 6.921-8.449 6.848z"
fill="url(#s)"/><defs><linearGradient id="j" x1="225.126" y1="100.483" x2="225.126"
y2="60" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1"
stop-color="#fff" stop-opacity=".2"/></linearGradient><linearGradient id="s"
x1="71.121" y1="153.231" x2="91.131" y2="162.928"
gradientUnits="userSpaceOnUse"><stop stop-color="#00E2EA"/><stop offset="1" stop-
color="#00C2C9"/></linearGradient><linearGradient id="r" x1="40.173" y1="146.126"
x2="40.173" y2="119.302" gradientUnits="userSpaceOnUse"><stop stop-
color="#DCE4ED"/><stop offset="1"
stop-color="#DCE4ED"/></linearGradient><linearGradient id="q" x1="40.359" y1="253"
x2="40.359" y2="104.113" gradientUnits="userSpaceOnUse"><stop stop-
color="#C4D4E4"/><stop offset="1"
stop-color="#fff"/></linearGradient><linearGradient id="o" x1="32.577" y1="239.245"
x2="32.577" y2="98.317" gradientUnits="userSpaceOnUse"><stop
stop-color="#C4D4E4"/><stop offset="1"
stop-color="#fff"/></linearGradient><linearGradient id="i" x1="224.171"
y1="112.299" x2="224.171" y2="41.217" gradientUnits="userSpaceOnUse"><stop stop-
color="#00E2EA"/><stop offset="1"
stop-color="#00BEC5"/></linearGradient><linearGradient id="m" x1="176.551"
y1="116.189" x2="176.551" y2="98.316" gradientUnits="userSpaceOnUse"><stop stop-
color="#FFCB5D"/><stop offset="1"
stop-color="#FFA961"/></linearGradient><linearGradient id="l" x1="235.529"
y1="50.444" x2="253.956" y2="50.444" gradientUnits="userSpaceOnUse"><stop stop-
color="#00E2EA"/><stop offset="1"
stop-color="#01A7AC"/></linearGradient><radialGradient id="c" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.95783 0 0 3.96833
204.901 129.7)"><stop stop-color="#FF9057"/><stop offset="1"
stop-color="#FFCB5D"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.95783 0 0 3.96833
235.236 129.7)"><stop stop-color="#FF9057"/><stop offset="1"
stop-color="#FFCB5D"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.95783 0 0 3.96833
225.125 129.7)"><stop stop-color="#FF9057"/><stop offset="1"
stop-color="#FFCB5D"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.95783 0 0 3.96833
215.013 129.7)"><stop stop-color="#FF9057"/><stop offset="1"
stop-color="#FFCB5D"/></radialGradient><radialGradient id="g" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.95783 0 0 3.96833
245.348 129.7)"><stop stop-color="#FF9057"/><stop offset="1"
stop-color="#FFCB5D"/></radialGradient><filter id="p" x="7.064" y="99.113"
width="66.588" height="75.098" filterUnits="userSpaceOnUse" color-interpolation-
filters="sRGB"><feFlood flood-opacity="0"
result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0
0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur
stdDeviation="4.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix
values="0 0 0 0 0.00784314 0 0 0 0 0.0235294 0 0 0 0 0.658824 0 0 0 0.15
0"/><feBlend in2="BackgroundImageFix"
result="effect1_dropShadow_15_38071"/><feBlend in="SourceGraphic"
in2="effect1_dropShadow_15_38071"
result="shape"/></filter><filter id="h" x="185.292" y="39.316" width="69.664"
height="83.082" filterUnits="userSpaceOnUse" color-interpolation-
filters="sRGB"><feFlood flood-opacity="0"
result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0
0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-5"
dy="4"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha"
operator="out"/><feColorMatrix values="0 0 0 0 0.00784314 0 0 0 0 0.0235294 0 0 0 0
0.658824 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix"
result="effect1_dropShadow_15_38071"/><feBlend in="SourceGraphic"
in2="effect1_dropShadow_15_38071" result="shape"/></filter><filter id="a"
x="21.324" y="42.113" width="220" height="167" filterUnits="userSpaceOnUse" color-
interpolation-filters="sRGB"><feFlood flood-opacity="0"
result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0
0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-3"
dy="9"/><feGaussianBlur stdDeviation="7"/><feComposite in2="hardAlpha"
operator="out"/><feColorMatrix values="0 0 0 0 0.00784314 0 0 0 0 0.0235294 0 0 0 0
0.658824 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix"
result="effect1_dropShadow_15_38071"/><feBlend in="SourceGraphic"
in2="effect1_dropShadow_15_38071" result="shape"/></filter><filter id="k"
x="230.041" y="39.487" width="25.745" height="25.573" filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"><feFlood flood-opacity="0"
result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0
0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1.829"
dy="1.829"/><feGaussianBlur stdDeviation="1.829"/><feComposite in2="hardAlpha"
operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0.631802 0 0 0 0 0.654167
0 0 0 1 0"/><feBlend in2="BackgroundImageFix"
result="effect1_dropShadow_15_38071"/><feBlend in="SourceGraphic"
in2="effect1_dropShadow_15_38071" result="shape"/></filter><filter id="n" x=".99"
y="97.316" width="59.173" height="68.046" filterUnits="userSpaceOnUse" color-
interpolation-filters="sRGB"><feFlood flood-opacity="0"
result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0
0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-2"
dy="6"/><feGaussianBlur stdDeviation="3.5"/><feComposite in2="hardAlpha"
operator="out"/><feColorMatrix values="0 0 0 0 0.00784314 0 0 0 0 0.0235294 0 0 0 0
0.658824 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix"
result="effect1_dropShadow_15_38071"/><feBlend in="SourceGraphic"
in2="effect1_dropShadow_15_38071" result="shape"/></filter><clipPath id="b"><rect
x="39.324" y="48.113" width="190" height="137" rx="8"
fill="#fff"/></clipPath></defs></svg>

Vous aimerez peut-être aussi