oda-framework
Version:
645 lines (618 loc) • 40.6 kB
HTML
<template name="social-color" size="24" icon="Behance">
<g id="Behance">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #0057ff;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Behance">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<g id="Behance-2" data-name="Behance">
<path id="Behance-3" data-name="Behance" class="cls-2"
d="M1193.4,900a38.87,38.87,0,0,1,9.38,1,20.93,20.93,0,0,1,7.25,3.1,14.28,14.28,0,0,1,4.66,5.75,21.73,21.73,0,0,1,1.66,8.9,17.12,17.12,0,0,1-2.46,9.54,18.12,18.12,0,0,1-7.32,6.26,17.43,17.43,0,0,1,9.86,7,21.75,21.75,0,0,1,3.27,12.13,22.51,22.51,0,0,1-2.07,9.89,19.19,19.19,0,0,1-5.65,6.87,24.78,24.78,0,0,1-8.19,3.92,35,35,0,0,1-9.38,1.27h-34.8V900Zm-2,30.56a10.93,10.93,0,0,0,6.92-2.1,8.21,8.21,0,0,0,2.73-6.87,9.28,9.28,0,0,0-.87-4.34,6.26,6.26,0,0,0-2.41-2.59,9.1,9.1,0,0,0-3.45-1.34,20.5,20.5,0,0,0-4.06-.35h-14.87v17.66h16Zm.87,32.18a18.45,18.45,0,0,0,4.45-.48,10.6,10.6,0,0,0,3.73-1.61,8,8,0,0,0,2.6-3,10.74,10.74,0,0,0,.93-4.9,10.1,10.1,0,0,0-3.13-8.34,12.65,12.65,0,0,0-8.25-2.46h-17.21v20.81Z"
transform="translate(-1108 -831)" />
<path id="Behance-4" data-name="Behance" class="cls-2"
d="M1242.15,962.45a12.46,12.46,0,0,0,9.25,3.3,12.28,12.28,0,0,0,7.45-2.31,9.56,9.56,0,0,0,3.79-4.82h12.57a24.75,24.75,0,0,1-9.25,14.09,25.7,25.7,0,0,1-15,4.28,28.37,28.37,0,0,1-11.11-2.11,23.71,23.71,0,0,1-8.38-5.89,27.31,27.31,0,0,1-5.25-9.11,34.41,34.41,0,0,1-1.87-11.64,33.72,33.72,0,0,1,1.93-11.43A25.78,25.78,0,0,1,1251,919.28a23.68,23.68,0,0,1,11.55,2.74,24.25,24.25,0,0,1,8.12,7.22,30.24,30.24,0,0,1,4.59,10.38,40.67,40.67,0,0,1,1,12.2H1238.8A14.91,14.91,0,0,0,1242.15,962.45Zm16.43-28.74a10.4,10.4,0,0,0-8-3,11.32,11.32,0,0,0-5.65,1.27,12.09,12.09,0,0,0-3.59,3,11.62,11.62,0,0,0-1.93,3.85,16,16,0,0,0-.66,3.58h23.19a15.75,15.75,0,0,0-3.3-8.69Z"
transform="translate(-1108 -831)" />
<rect id="Behance-5" data-name="Behance" class="cls-2" x="127.71" y="74.03" width="29.07"
height="7.43" />
</g>
</g>
</svg>
</g>
<g id="Facebook">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #1877f2;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Facebook">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<path id="Facebook-2" data-name="Facebook" class="cls-2"
d="M1223.69,116.65h18l3.43-22.45h-21.41V79.64c0-6.14,3-12.13,12.58-12.13H1246V48.4a117.7,117.7,0,0,0-17.28-1.52c-17.63,0-29.15,10.75-29.15,30.22V94.2H1180v22.45h19.59v54.26h24.12Z"
transform="translate(-1108)" />
</g>
</svg>
</g>
<g id="Instagram">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: url(#Безымянный_градиент_7);
}
.cls-2 {
fill: #fff;
fill-rule: evenodd;
}
</style>
<radialGradient id="Безымянный_градиент_7" cx="332" cy="210.33" r="305.23"
gradientTransform="translate(-288.4 312.82) rotate(-38.74) scale(1 0.64)"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#f9d27a" />
<stop offset="0.05" stop-color="#f8c871" />
<stop offset="0.14" stop-color="#f5ad58" />
<stop offset="0.25" stop-color="#ef8130" />
<stop offset="0.26" stop-color="#ef7e2d" />
<stop offset="0.36" stop-color="#f04c3e" />
<stop offset="0.38" stop-color="#ed4a45" />
<stop offset="0.49" stop-color="#d43e79" />
<stop offset="0.55" stop-color="#ca398e" />
<stop offset="0.7" stop-color="#8d3cc8" />
<stop offset="0.9" stop-color="#304df0" />
</radialGradient>
</defs>
<g id="Instagram">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<path id="Instagram-2" data-name="Instagram" class="cls-2"
d="M384.5,53c14.8,0,16.66.06,22.47.33a39.85,39.85,0,0,1,13.23,2.53A27.92,27.92,0,0,1,436.14,71.8,39.85,39.85,0,0,1,438.67,85c.27,5.81.33,7.67.33,22.47s-.06,16.66-.33,22.47a39.85,39.85,0,0,1-2.53,13.23,27.92,27.92,0,0,1-15.94,15.94A39.85,39.85,0,0,1,407,161.67c-5.81.27-7.67.33-22.47.33s-16.66-.06-22.47-.33a39.85,39.85,0,0,1-13.23-2.53,27.92,27.92,0,0,1-15.94-15.94A39.85,39.85,0,0,1,330.33,130c-.27-5.81-.33-7.67-.33-22.47s.06-16.66.33-22.47a39.85,39.85,0,0,1,2.53-13.23A27.92,27.92,0,0,1,348.8,55.86,39.85,39.85,0,0,1,362,53.33C367.84,53.06,369.7,53,384.5,53Zm22,10.14c-5.74-.26-7.47-.32-22-.32s-16.28.06-22,.32A30.26,30.26,0,0,0,352.36,65,18.07,18.07,0,0,0,342,75.36a30.26,30.26,0,0,0-1.87,10.12c-.26,5.74-.32,7.47-.32,22s.06,16.28.32,22A30.26,30.26,0,0,0,342,139.64,18.07,18.07,0,0,0,352.36,150a30.26,30.26,0,0,0,10.12,1.87c5.74.26,7.47.32,22,.32s16.28-.06,22-.32A30.26,30.26,0,0,0,416.64,150,18.07,18.07,0,0,0,427,139.64a30.26,30.26,0,0,0,1.87-10.12c.26-5.74.32-7.47.32-22s-.06-16.28-.32-22A30.26,30.26,0,0,0,427,75.36,18.07,18.07,0,0,0,416.64,65,30.26,30.26,0,0,0,406.52,63.14Zm-22,62.53a18.17,18.17,0,1,0-18.17-18.17A18.18,18.18,0,0,0,384.5,125.67Zm0-46.16a28,28,0,1,1-28,28A28,28,0,0,1,384.5,79.51Zm35.63-1.1a6.54,6.54,0,1,1-6.54-6.54A6.54,6.54,0,0,1,420.13,78.41Z"
transform="translate(-277)" />
</g>
</svg>
</g>
<g id="LinkedIn">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #1d66c2;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="LinkedIn">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<g id="LinkedIn-2" data-name="LinkedIn">
<rect id="LinkedIn-3" data-name="LinkedIn" class="cls-2" x="62.67" y="85.11" width="20.74"
height="66.89" />
<path id="LinkedIn-4" data-name="LinkedIn" class="cls-2"
d="M1521.25,637.77c-8-.67-15.38,4-19.4,10.71v-9.37h-20.06V706h20.73V672.56c0-8.7,2-17.4,12.71-17.4s10.7,10,10.7,18.06V706h20.74l-.67-36.12C1546,651.82,1542.65,637.77,1521.25,637.77Z"
transform="translate(-1385 -554)" />
<circle id="LinkedIn-5" data-name="LinkedIn" class="cls-2" cx="72.71" cy="63.71" r="12.04" />
</g>
</g>
</svg>
</g>
<g id="Mail">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #fc2c38;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Mail.ru">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<path id="Mail.ru-2" data-name="Mail.ru" class="cls-2"
d="M719.58,384.58c0,19.76-9.25,29-20.87,29a18.86,18.86,0,0,1-16-8.83A28.83,28.83,0,1,1,691,384.58V394c0,4.77,3.36,8.13,7.71,8.13,5.18,0,9.38-4.35,9.38-17.52a46.2,46.2,0,1,0-21.29,38.67l7.56,8.69A56.92,56.92,0,0,1,662,441.89a57.45,57.45,0,1,1,57.58-57.31ZM662.14,402.1a17.52,17.52,0,1,0-17.52-17.52A17.52,17.52,0,0,0,662.14,402.1Z"
transform="translate(-554 -277)" />
</g>
</svg>
</g>
<g id="Messenger">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: url(#Безымянный_градиент_3);
}
.cls-2 {
fill: #fff;
fill-rule: evenodd;
}
</style>
<radialGradient id="Безымянный_градиент_3" cx="33.33" cy="215.67" r="239.22"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#09f" />
<stop offset="0.61" stop-color="#a033ff" />
<stop offset="0.93" stop-color="#ff5280" />
<stop offset="1" stop-color="#ff7061" />
</radialGradient>
</defs>
<g id="Messenger">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<path id="Messenger-2" data-name="Messenger" class="cls-2"
d="M1434.22,131.83,1463,86.21a14.69,14.69,0,0,1,21.24-3.91l22.87,17.15a5.88,5.88,0,0,0,7.07,0L1545,76a4.65,4.65,0,0,1,6.74,6.18L1523,127.79a14.69,14.69,0,0,1-21.23,3.92l-22.87-17.16a5.9,5.9,0,0,0-7.08,0L1441,138A4.65,4.65,0,0,1,1434.22,131.83Z"
transform="translate(-1385)" />
</g>
</svg>
</g>
<g id="Ok">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #ee8208;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Ok">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<g id="Ok-2" data-name="Ok">
<path id="Ok-3" data-name="Ok" class="cls-2"
d="M938.45,664.9a29.82,29.82,0,1,0-29.81-29.82,29.86,29.86,0,0,0,29.81,29.82m0-42.18a12.37,12.37,0,1,1-12.36,12.36,12.37,12.37,0,0,1,12.36-12.36"
transform="translate(-831 -554)" />
<path id="Ok-4" data-name="Ok" class="cls-2"
d="M950.54,689.17a55.77,55.77,0,0,0,17.35-7.2,8.77,8.77,0,1,0-9.32-14.86,37.93,37.93,0,0,1-40.14,0A8.77,8.77,0,1,0,909.1,682a55,55,0,0,0,17.35,7.2l-16.7,16.7a8.74,8.74,0,0,0,0,12.37,9.07,9.07,0,0,0,6.18,2.59,8.5,8.5,0,0,0,6.19-2.59l16.43-16.43L955,718.24a8.75,8.75,0,0,0,12.37-12.37Z"
transform="translate(-831 -554)" />
</g>
</g>
</svg>
</g>
<g id="Pinterest">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #e60023;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Pinterest">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<path id="Pinterest-2" data-name="Pinterest" class="cls-2"
d="M109.16,612.63c-29.87,0-45.41,19.92-45.41,41.82,0,10.16,5.18,22.71,13.94,26.69,1.2.8,2,.4,2-.8l2-7.56c.2-1,.2-1.6-.4-2a26.31,26.31,0,0,1-5.18-15.94c0-15.33,11.55-29.87,31.07-29.87,17.13,0,29.08,11.35,29.08,27.88,0,18.72-9.56,31.87-21.91,31.87A10.6,10.6,0,0,1,103.78,672c2-8.17,6-16.73,6-22.7,0-5.58-2.79-10-8.77-10-6.77,0-12.74,7.17-12.74,16.73a25,25,0,0,0,2,10.35l-8,34.26c-1.19,6.17-.59,15.14,0,20.51.09.94.56,2.58,1.76,2.81a2.66,2.66,0,0,0,2.53-1.39c3-4.79,7.28-12.64,8.86-18.55l4.78-16.53c2.19,4.39,8.76,8,15.53,8,21.11,0,35.85-19.12,35.85-43C151.58,629.76,133.06,612.63,109.16,612.63Z"
transform="translate(0 -554)" />
</g>
</svg>
</g>
<g id="Skype">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #0078d7;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Skype">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<path id="Skype-2" data-name="Skype" class="cls-2"
d="M955.08,376.06l-19.39-4.37c-7.37-1.7-15.69-4.1-15.69-11.16s5.67-12.11,16.43-12.11c21.66,0,19.87,15.13,30.63,15.13,5.66,0,10.54-3.16,10.54-9C977.6,341,956.05,331,937.92,331c-19.68,0-40.34,8.17-40.34,30.76,0,10.88,3.7,22.62,24.8,28l26.19,6.64c7.93,2,10.27,6.54,10.27,10.63,0,6.79-7.05,14-19.08,14-23.52,0-20.24-18.91-32.84-18.91-5.66,0-10.08,3.89-10.08,9.54,0,11,13.45,26,42.92,26,28,0,42.24-14.18,42.24-32.54C982,393.31,976.32,380.86,955.08,376.06Z"
transform="translate(-831 -277)" />
</g>
</svg>
</g>
<g id="Snapchat">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #fffc00;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Snapchat">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<g id="Snapchat-2" data-name="Snapchat">
<path id="Snapchat-3" data-name="Snapchat" class="cls-2"
d="M433,687c-17.4-8.42-20.18-21.43-20.3-22.39a3.07,3.07,0,0,1,1-3.28c1.24-1.15,6.76-4.56,8.29-5.63,2.53-1.77,3.64-3.53,2.82-5.7a3.4,3.4,0,0,0-3.44-2.07,5.93,5.93,0,0,0-1.39.16c-2.77.6-5.47,2-7,2.37a2.7,2.7,0,0,1-.57.08c-.83,0-1.15-.38-1.07-1.38a98.24,98.24,0,0,0,.13-14.5c-.66-7.62-3.11-11.4-6-14.74-1.41-1.61-7.95-8.57-20.59-8.57s-19.17,7-20.57,8.55c-2.92,3.34-5.37,7.12-6,14.74a102.63,102.63,0,0,0,.13,14.5c.06,1-.23,1.38-1.06,1.38a2.8,2.8,0,0,1-.58-.08c-1.56-.38-4.26-1.77-7-2.37a5.79,5.79,0,0,0-1.38-.16,3.4,3.4,0,0,0-3.44,2.07c-.82,2.17.29,3.93,2.82,5.7,1.53,1.07,7,4.48,8.29,5.63a3.07,3.07,0,0,1,1,3.28c-.12,1-2.9,14-20.3,22.39-1,.5-2.75,1.54.31,3.23,4.8,2.65,8,2.37,10.48,4,2.1,1.36.86,4.28,2.39,5.34,1.89,1.3,7.45-.09,14.64,2.28,6,2,9.7,7.6,20.39,7.6s14.46-5.64,20.38-7.6c7.18-2.37,12.76-1,14.65-2.28,1.53-1.06.28-4,2.39-5.34,2.48-1.6,5.68-1.32,10.48-4C435.78,688.58,434.05,687.54,433,687Z"
transform="translate(-277 -554)" />
<path id="Snapchat-4" data-name="Snapchat"
d="M440.6,686.05a7.82,7.82,0,0,0-4-4.2,8.18,8.18,0,0,0-.87-.45l-1.53-.78A33.5,33.5,0,0,1,422,670.1a23.66,23.66,0,0,1-2.11-3.73,1.82,1.82,0,0,1-.06-1.46,2.39,2.39,0,0,1,.68-.7l2.48-1.62c1.13-.73,2-1.31,2.6-1.72a14.24,14.24,0,0,0,4.63-4.93,9.8,9.8,0,0,0,.49-8.15,9.64,9.64,0,0,0-9.33-6.12,12.36,12.36,0,0,0-2.71.29l-.71.16a79.9,79.9,0,0,0-.25-8c-.82-9.44-4.12-14.39-7.56-18.33a30.31,30.31,0,0,0-7.7-6.19,36.69,36.69,0,0,0-35.21,0,30,30,0,0,0-7.71,6.2c-3.44,3.94-6.75,8.9-7.56,18.33-.23,2.68-.29,5.42-.25,8L351,642a13,13,0,0,0-2.71-.29A9.64,9.64,0,0,0,339,647.8a9.82,9.82,0,0,0,.47,8.16,14.34,14.34,0,0,0,4.63,4.93c.58.4,1.48,1,2.61,1.72l2.38,1.56a2.5,2.5,0,0,1,.76.76,1.8,1.8,0,0,1-.08,1.53,23.57,23.57,0,0,1-2.07,3.66,33.51,33.51,0,0,1-11.91,10.33c-2.71,1.44-5.52,2.4-6.71,5.63-.9,2.43-.31,5.21,2,7.54h0a11.12,11.12,0,0,0,2.87,2.18,31.31,31.31,0,0,0,7,2.81,4.54,4.54,0,0,1,1.42.63c.83.73.71,1.82,1.82,3.42a7.91,7.91,0,0,0,2.08,2.12c2.32,1.6,4.92,1.7,7.69,1.81a28.93,28.93,0,0,1,8.55,1.27,21.68,21.68,0,0,1,4.34,2.29c3.86,2.38,9.16,5.63,18,5.63s14.19-3.27,18.09-5.65a21.91,21.91,0,0,1,4.28-2.26,28.89,28.89,0,0,1,8.55-1.27c2.76-.11,5.37-.21,7.69-1.81a7.91,7.91,0,0,0,2.36-2.59c.8-1.35.78-2.29,1.53-3a4.24,4.24,0,0,1,1.33-.61,31.05,31.05,0,0,0,7.12-2.84,11.12,11.12,0,0,0,3-2.36l0,0A7,7,0,0,0,440.6,686.05Zm-7.88,4.23c-4.8,2.66-8,2.37-10.48,4-2.11,1.36-.86,4.29-2.39,5.35-1.88,1.3-7.45-.1-14.64,2.28-5.93,2-9.72,7.6-20.39,7.6s-14.36-5.63-20.39-7.62c-7.18-2.37-12.76-1-14.64-2.28-1.53-1.06-.29-4-2.4-5.34-2.48-1.6-5.68-1.32-10.48-4-3.05-1.68-1.32-2.73-.3-3.22,17.4-8.43,20.17-21.43,20.3-22.4a3.08,3.08,0,0,0-1-3.27c-1.25-1.15-6.76-4.56-8.29-5.63-2.53-1.77-3.65-3.54-2.83-5.71a3.41,3.41,0,0,1,3.45-2.06,6.41,6.41,0,0,1,1.38.15c2.78.6,5.48,2,7,2.37a2.18,2.18,0,0,0,.57.08c.83,0,1.13-.42,1.07-1.37a101.28,101.28,0,0,1-.13-14.51c.66-7.62,3.11-11.39,6-14.73,1.4-1.61,8-8.56,20.57-8.56s19.19,6.93,20.59,8.52c2.92,3.34,5.38,7.12,6,14.74a98.24,98.24,0,0,1-.13,14.5c-.06,1,.24,1.38,1.07,1.38a2.8,2.8,0,0,0,.58-.08c1.56-.38,4.26-1.77,7-2.37a5.79,5.79,0,0,1,1.38-.16A3.4,3.4,0,0,1,424.8,650c.82,2.17-.29,3.93-2.82,5.7-1.53,1.07-7.05,4.48-8.29,5.63a3.07,3.07,0,0,0-1,3.28c.12,1,2.9,14,20.3,22.39C434.05,687.54,435.78,688.58,432.72,690.28Z"
transform="translate(-277 -554)" />
</g>
</g>
</svg>
</g>
<g id="SoundCloud">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #f50;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="SoundCloud">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<g id="SoundCloud-2" data-name="SoundCloud">
<path id="SoundCloud-3" data-name="SoundCloud" class="cls-2"
d="M1449.24,934.31a1.46,1.46,0,0,0-1.75,1.1,96.34,96.34,0,0,0,0,29.81,1.47,1.47,0,0,0,2.86,0,96.34,96.34,0,0,0,0-29.81A1.47,1.47,0,0,0,1449.24,934.31Z"
transform="translate(-1385 -831)" />
<path id="SoundCloud-4" data-name="SoundCloud" class="cls-2"
d="M1440.44,933a1.38,1.38,0,0,0-1.68,1,90.51,90.51,0,0,0,0,30,1.38,1.38,0,0,0,2.68,0,90.51,90.51,0,0,0,0-30A1.37,1.37,0,0,0,1440.44,933Z"
transform="translate(-1385 -831)" />
<path id="SoundCloud-5" data-name="SoundCloud" class="cls-2"
d="M1458.07,924.63a1.48,1.48,0,0,0-1.69,1.21,169.41,169.41,0,0,0,0,39.24,1.47,1.47,0,0,0,2.9,0h0a169.41,169.41,0,0,0,0-39.24A1.48,1.48,0,0,0,1458.07,924.63Z"
transform="translate(-1385 -831)" />
<path id="SoundCloud-6" data-name="SoundCloud" class="cls-2"
d="M1431.81,938.09a1.48,1.48,0,0,0-1.88.91,42.48,42.48,0,0,0,0,20,1.48,1.48,0,0,0,2.79,0,42.82,42.82,0,0,0,0-20A1.49,1.49,0,0,0,1431.81,938.09Z"
transform="translate(-1385 -831)" />
<path id="SoundCloud-7" data-name="SoundCloud" class="cls-2"
d="M1475.71,922.15a1.65,1.65,0,0,0-1.85,1.41,208.32,208.32,0,0,0,0,41.38,1.64,1.64,0,0,0,3.26,0,208.32,208.32,0,0,0,0-41.38A1.65,1.65,0,0,0,1475.71,922.15Z"
transform="translate(-1385 -831)" />
<path id="SoundCloud-8" data-name="SoundCloud" class="cls-2"
d="M1467,921.08a1.62,1.62,0,0,0-1.83,1.38,204.73,204.73,0,0,0,0,42.58,1.62,1.62,0,0,0,3.22,0,206.58,206.58,0,0,0,0-42.58A1.63,1.63,0,0,0,1467,921.08Z"
transform="translate(-1385 -831)" />
<path id="SoundCloud-9" data-name="SoundCloud" class="cls-2"
d="M1534.5,931.78a29.67,29.67,0,0,0-40.7-20.46,4.65,4.65,0,0,0-2.8,4.26v47a3.44,3.44,0,0,0,3.44,3.44h44.46a17.12,17.12,0,0,0,4.39-.57,17.39,17.39,0,1,0-8.79-33.65Z"
transform="translate(-1385 -831)" />
<path id="SoundCloud-10" data-name="SoundCloud" class="cls-2"
d="M1484.65,916.64a1.65,1.65,0,0,0-1.84,1.46,268.69,268.69,0,0,0,0,46.78,1.66,1.66,0,0,0,3.29,0,268.69,268.69,0,0,0,0-46.78A1.65,1.65,0,0,0,1484.65,916.64Z"
transform="translate(-1385 -831)" />
</g>
</g>
</svg>
</g>
<g id="Spotify">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #1ed760;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Spotify">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<g id="Spotify-2" data-name="Spotify">
<path id="Spotify-3" data-name="Spotify" class="cls-2"
d="M702.1,971.47c-24.05-14.69-53.86-18.11-88.6-10.16A5.68,5.68,0,1,0,616,972.39c31.76-7.26,58.71-4.3,80.13,8.79h0a5.69,5.69,0,0,0,5.92-9.72Z"
transform="translate(-554 -831)" />
<path id="Spotify-4" data-name="Spotify" class="cls-2"
d="M712.8,944.67c-28.15-17.29-69.33-22.17-102.47-12.12a7.12,7.12,0,0,0,4.13,13.61c29-8.8,66.39-4.44,90.9,10.64a7.13,7.13,0,0,0,9.78-2.35h0A7.11,7.11,0,0,0,712.8,944.67Z"
transform="translate(-554 -831)" />
<path id="Spotify-5" data-name="Spotify" class="cls-2"
d="M605.17,901.72l-.23.07a8.53,8.53,0,0,0,5.19,16.26c28.06-8.53,76.57-6.92,106,10.54h0a8.53,8.53,0,1,0,8.71-14.68C691,893.83,637.39,891.93,605.17,901.72Z"
transform="translate(-554 -831)" />
</g>
</g>
</svg>
</g>
<g id="Telegram">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: url(#Безымянный_градиент_2);
}
.cls-2 {
fill: #fff;
fill-rule: evenodd;
}
</style>
<linearGradient id="Безымянный_градиент_2" y1="107.5" x2="215" y2="107.5"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#2aabee" />
<stop offset="1" stop-color="#229ed9" />
</linearGradient>
</defs>
<g id="Telegram">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<path id="Telegram-2" data-name="Telegram" class="cls-2"
d="M603.31,105.65q46.89-20.43,62.53-26.94c29.78-12.38,36-14.53,40-14.61A7.09,7.09,0,0,1,710,65.35a4.49,4.49,0,0,1,1.53,2.9,19.25,19.25,0,0,1,.18,4.23c-1.61,17-8.6,58.09-12.15,77.08-1.5,8-4.46,10.73-7.33,11-6.22.57-11-4.12-17-8.07-9.44-6.19-14.77-10-23.93-16.08-10.59-7-3.72-10.81,2.31-17.07,1.58-1.64,29-26.6,29.54-28.86a2.18,2.18,0,0,0-.5-1.9,2.49,2.49,0,0,0-2.22-.21q-1.41.31-45.22,29.89-6.42,4.41-11.63,4.3c-3.83-.09-11.19-2.17-16.67-4-6.71-2.18-12-3.33-11.58-7Q595.7,108.68,603.31,105.65Z"
transform="translate(-554)" />
</g>
</svg>
</g>
<g id="TikTok">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #25f4ee;
}
.cls-2 {
fill: #fe2c55;
}
.cls-3 {
fill: #fff;
}
</style>
</defs>
<g id="TikTok">
<circle id="Background" cx="107.5" cy="107.5" r="107.5" />
<g id="TikTok-2" data-name="TikTok">
<g id="TikTok-3" data-name="TikTok">
<path class="cls-1"
d="M371.3,374.21v-4.53a34.34,34.34,0,0,0-4.75-.41,35.22,35.22,0,0,0-20.19,64.12,35.17,35.17,0,0,1,24.94-59.18Z"
transform="translate(-277 -277)" />
<path class="cls-1"
d="M372.15,425.49a16.11,16.11,0,0,0,16.07-15.4V333.32h14a26.35,26.35,0,0,1-.4-4.86H382.66v76.69a16.1,16.1,0,0,1-16.07,15.51,16.27,16.27,0,0,1-7.42-1.85,16.1,16.1,0,0,0,13,6.68Zm56.28-66.12V355.1a26.2,26.2,0,0,1-14.51-4.38A26.62,26.62,0,0,0,428.43,359.37Z"
transform="translate(-277 -277)" />
</g>
<path id="TikTok-4" data-name="TikTok" class="cls-2"
d="M413.93,350.73a26.43,26.43,0,0,1-6.57-17.44h-5.12a26.53,26.53,0,0,0,11.69,17.44Zm-47.38,37.73a16.1,16.1,0,0,0-7.42,30.35,16.06,16.06,0,0,1,13-25.49,17,17,0,0,1,4.75.75V374.55a32.82,32.82,0,0,0-4.75-.37h-.85V389a16.22,16.22,0,0,0-4.75-.56Z"
transform="translate(-277 -277)" />
<path id="TikTok-5" data-name="TikTok" class="cls-2"
d="M428.43,359.37v14.84a45.49,45.49,0,0,1-26.6-8.65v39a35.25,35.25,0,0,1-55.47,28.83,35.21,35.21,0,0,0,61-24V370.53A45.64,45.64,0,0,0,434,379.07V360a27.44,27.44,0,0,1-5.57-.59Z"
transform="translate(-277 -277)" />
<path id="TikTok-6" data-name="TikTok" class="cls-3"
d="M401.83,404.56v-39a45.51,45.51,0,0,0,26.64,8.53V359.26a26.64,26.64,0,0,1-14.55-8.53,26.57,26.57,0,0,1-11.68-17.44h-14v76.8a16.1,16.1,0,0,1-29.12,8.79,16.1,16.1,0,0,1,7.42-30.34,16.3,16.3,0,0,1,4.75.74V374.21a35.34,35.34,0,0,0-24.94,59.59,34.93,34.93,0,0,0,20.22,6A35.29,35.29,0,0,0,401.83,404.56Z"
transform="translate(-277 -277)" />
</g>
</g>
</svg>
</g>
<g id="Tumblr">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #001935;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Tumblr">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<path id="Tumblr-2" data-name="Tumblr" class="cls-2"
d="M948.58,960c0,8.74,4.41,11.77,11.44,11.77h10V994H951.11c-17,0-29.66-8.74-29.66-29.66v-33.5H906V912.7c17-4.41,24.1-19,24.92-31.7h17.65v28.76h20.59v21.08H948.58V960"
transform="translate(-831 -831)" />
</g>
</svg>
</g>
<g id="Twitch">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #9146ff;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Twitch">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<g id="Twitch-2" data-name="Twitch">
<path id="Twitch-3" data-name="Twitch" class="cls-2"
d="M1188,333.75l-21,21v75.75h25.25v21l21-21h16.83L1268,392.67V333.75Zm71.54,54.71-16.83,16.83h-16.83L1211.19,420V405.29h-18.94V342.17h67.33Z"
transform="translate(-1108 -277)" />
<rect id="Twitch-4" data-name="Twitch" class="cls-2" x="130.54" y="79.9" width="8.42"
height="25.25" />
<rect id="Twitch-5" data-name="Twitch" class="cls-2" x="107.4" y="79.9" width="8.42"
height="25.25" />
</g>
</g>
</svg>
</g>
<g id="Twitter">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #1da1f2;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Twitter">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<path id="Twitter-2" data-name="Twitter" class="cls-2"
d="M643,708.6c41.26,0,63.82-34.18,63.82-63.82,0-1,0-1.93-.07-2.89a45.74,45.74,0,0,0,11.19-11.61,45,45,0,0,1-12.88,3.53,22.54,22.54,0,0,0,9.86-12.41,45,45,0,0,1-14.24,5.44,22.45,22.45,0,0,0-38.22,20.46,63.65,63.65,0,0,1-46.22-23.43,22.44,22.44,0,0,0,6.94,29.94A22.3,22.3,0,0,1,613,651v.28a22.44,22.44,0,0,0,18,22,22.33,22.33,0,0,1-10.12.38,22.44,22.44,0,0,0,21,15.58,44.86,44.86,0,0,1-33.19,9.29A63.37,63.37,0,0,0,643,708.58"
transform="translate(-554 -554)" />
</g>
</svg>
</g>
<g id="VK">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #07f;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="VK">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<path id="VK-2" data-name="VK" class="cls-2"
d="M111.44,147.14C69.76,147.14,46,118.56,45,71H65.87c.69,34.9,16.08,49.69,28.27,52.74V71h19.67v30.1c12-1.29,24.69-15,28.95-30.1h19.67c-3.28,18.59-17,32.31-26.75,37.95A60.16,60.16,0,0,1,167,147.14H145.36c-4.65-14.48-16.24-25.68-31.55-27.2v27.2Z" />
</g>
</svg>
</g>
<g id="Viber">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #7360f2;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Viber">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<g id="Viber-2" data-name="Viber">
<path class="cls-2"
d="M148.37,343.83c-2.75-2.55-13.9-10.64-38.73-10.75,0,0-29.28-1.77-43.55,11.33-8,7.94-10.74,19.57-11,34s-.68,41.43,25.37,48.76h0v11.18s-.17,4.52,2.81,5.45c3.6,1.11,5.72-2.33,9.16-6,1.89-2,4.5-5,6.46-7.31,17.82,1.5,31.51-1.93,33.07-2.44,3.6-1.16,23.95-3.77,27.26-30.79C162.6,369.38,157.53,351.77,148.37,343.83Zm3,51.4c-2.79,22.55-19.3,24-22.34,24.95a92.89,92.89,0,0,1-28.46,2.42S89.32,436.2,85.8,439.74a1.89,1.89,0,0,1-1.63.66c-.6-.15-.77-.86-.76-1.91,0-1.5.09-18.58.09-18.58h0c-22-6.12-20.74-29.11-20.49-41.15s2.51-21.91,9.23-28.54c12.07-10.94,36.94-9.3,36.94-9.3,21,.09,31.07,6.41,33.4,8.53,7.75,6.64,11.7,22.51,8.81,45.77Z"
transform="translate(0 -277)" />
<path id="Viber-3" data-name="Viber" class="cls-2"
d="M119.86,379.17a1.4,1.4,0,0,1-1.4-1.33c-.24-4.77-2.48-7.11-7.06-7.35a1.4,1.4,0,0,1,.14-2.8c6,.32,9.41,3.78,9.72,10a1.41,1.41,0,0,1-1.33,1.47Z"
transform="translate(0 -277)" />
<path id="Viber-4" data-name="Viber" class="cls-2"
d="M127.06,381.59h0a1.41,1.41,0,0,1-1.37-1.44,16.27,16.27,0,0,0-4.19-11.88c-2.92-3.19-6.92-4.92-12.23-5.31a1.4,1.4,0,1,1,.2-2.8c6,.43,10.72,2.53,14.1,6.22a19.13,19.13,0,0,1,4.93,13.83A1.41,1.41,0,0,1,127.06,381.59Z"
transform="translate(0 -277)" />
<path id="Viber-5" data-name="Viber" class="cls-2"
d="M134.44,384.47a1.4,1.4,0,0,1-1.4-1.39c-.07-8.47-2.61-15.21-7.56-20a26,26,0,0,0-18.63-7.36,1.41,1.41,0,0,1,0-2.81h0A28.71,28.71,0,0,1,127.44,361c5.51,5.37,8.33,12.78,8.4,22a1.39,1.39,0,0,1-1.39,1.41Z"
transform="translate(0 -277)" />
<path id="Viber-6" data-name="Viber" class="cls-2"
d="M111.75,396.58a3.86,3.86,0,0,0,3-1.15l2.08-2.6a4.53,4.53,0,0,1,5.77-.8,59,59,0,0,1,5.15,3.28c1.56,1.16,4.77,3.83,4.78,3.83a4,4,0,0,1,.85,5.19v0a21.69,21.69,0,0,1-4.32,5.31l0,0a8.55,8.55,0,0,1-4.38,2.12,2.76,2.76,0,0,1-.64,0,5.88,5.88,0,0,1-1.86-.29l0-.07c-2.21-.62-5.9-2.18-12-5.57A70.72,70.72,0,0,1,100,399.26a51.18,51.18,0,0,1-4.55-4l-.16-.15-.15-.16h0l-.15-.15-.16-.15a54.36,54.36,0,0,1-4-4.55A71.67,71.67,0,0,1,84.09,380c-3.39-6.14-5-9.82-5.57-12l-.07,0a5.87,5.87,0,0,1-.28-1.86,2.72,2.72,0,0,1,0-.64A8.7,8.7,0,0,1,80.32,361s0,0,0,0a21.65,21.65,0,0,1,5.31-4.32h0a4,4,0,0,1,5.18.84s2.68,3.22,3.83,4.78S97,365.63,98,367.4a4.55,4.55,0,0,1-.8,5.77l-2.61,2.07a3.86,3.86,0,0,0-1.14,3S97.32,392.89,111.75,396.58Z"
transform="translate(0 -277)" />
</g>
</g>
</svg>
</g>
<g id="Vimeo">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #1ab7ea;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="Vimeo">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<path id="Vimeo-2" data-name="Vimeo" class="cls-2"
d="M165.94,915.15q-.81,17.69-24.71,48.43-24.7,32.1-41.8,32.11-10.61,0-17.92-19.56l-9.78-35.85q-5.45-19.54-11.67-19.56-1.37,0-9.51,5.71l-5.7-7.34q9-7.87,17.68-15.77,12-10.32,18-10.87,14.14-1.37,17.41,19.33,3.52,22.32,4.9,27.76,4.08,18.53,9,18.52,3.81,0,11.43-12t8.15-18.29q1.09-10.37-8.15-10.38a22.72,22.72,0,0,0-9,2q8.94-29.25,34.12-28.43Q167,891.47,165.94,915.15Z"
transform="translate(0 -831)" />
</g>
</svg>
</g>
<g id="WeChat">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #07c160;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="WeChat">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<g id="WeChat-2" data-name="WeChat">
<path id="WeChat-3" data-name="WeChat" class="cls-2"
d="M1252.8,673.73a5,5,0,1,1,5-5.05,5,5,0,0,1-5,5.05m-25.22,0a5,5,0,1,1,5-5.05,5,5,0,0,1-5,5.05M1265,702.6c8-5.78,13.07-14.33,13.07-23.83,0-17.41-16.94-31.52-37.83-31.52s-37.83,14.11-37.83,31.52,16.94,31.53,37.83,31.53a44.83,44.83,0,0,0,12.35-1.73,3.68,3.68,0,0,1,1.11-.17,4,4,0,0,1,2,.58l8.28,4.78a1.35,1.35,0,0,0,.73.24,1.25,1.25,0,0,0,1.26-1.26,3.6,3.6,0,0,0-.2-.92c0-.18-1.07-4-1.71-6.36a3.19,3.19,0,0,1-.13-.81,2.53,2.53,0,0,1,1.06-2"
transform="translate(-1108 -554)" />
<path id="WeChat-4" data-name="WeChat" class="cls-2"
d="M1213,644.22a6,6,0,1,1,6-6.05,6.05,6.05,0,0,1-6,6.05m-30.26,0a6,6,0,1,1,6-6.05,6.05,6.05,0,0,1-6,6.05m15.13-31.78c-25.07,0-45.4,16.94-45.4,37.83,0,11.4,6.12,21.66,15.69,28.6a3,3,0,0,1,1.27,2.46,3.52,3.52,0,0,1-.16,1c-.76,2.85-2,7.41-2,7.63a4.27,4.27,0,0,0-.25,1.1,1.52,1.52,0,0,0,1.52,1.52,1.74,1.74,0,0,0,.87-.29l9.94-5.73a4.76,4.76,0,0,1,2.41-.7,4.51,4.51,0,0,1,1.33.2,53.87,53.87,0,0,0,14.82,2.07q1.26,0,2.49-.06a29.29,29.29,0,0,1-1.52-9.27c0-19,18.53-34.5,41.4-34.5.83,0,1.65,0,2.47.07-3.42-18.07-22.19-31.9-44.84-31.9"
transform="translate(-1108 -554)" />
</g>
</g>
</svg>
</g>
<g id="WhatsApp">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #25d366;
}
.cls-2,
.cls-3 {
fill: #fff;
}
.cls-3 {
fill-rule: evenodd;
}
</style>
</defs>
<g id="WhatsApp">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<g id="WhatsApp-2" data-name="WhatsApp">
<path id="WhatsApp-3" data-name="WhatsApp" class="cls-2"
d="M885.91,161l7.55-27.56a53.18,53.18,0,1,1,46.09,26.64h0a53.18,53.18,0,0,1-25.41-6.48Zm29.5-17,1.62,1a44.21,44.21,0,0,0,22.5,6.17h0a44.22,44.22,0,1,0-37.45-20.72l1,1.67-4.47,16.31Z"
transform="translate(-831)" />
<path id="WhatsApp-4" data-name="WhatsApp" class="cls-3"
d="M966.34,119.54c-.33-.56-1.22-.89-2.55-1.55s-7.86-3.88-9.08-4.33-2.1-.66-3,.67-3.43,4.32-4.2,5.21-1.56,1-2.88.33A36.31,36.31,0,0,1,934,113.28a40,40,0,0,1-7.39-9.21c-.78-1.33-.09-2,.58-2.71s1.33-1.56,2-2.33a8.84,8.84,0,0,0,1.33-2.22,2.47,2.47,0,0,0-.11-2.33c-.33-.66-3-7.2-4.1-9.86s-2.17-2.24-3-2.29-1.66,0-2.54,0A4.89,4.89,0,0,0,917.17,84,14.91,14.91,0,0,0,912.52,95c0,6.54,4.76,12.86,5.43,13.75s9.37,14.31,22.7,20.06a75.55,75.55,0,0,0,7.58,2.8,18.27,18.27,0,0,0,8.37.53c2.55-.38,7.86-3.22,9-6.32S966.67,120.09,966.34,119.54Z"
transform="translate(-831)" />
</g>
</g>
</svg>
</g>
<g id="YouTube">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: red;
}
.cls-2 {
fill: #fff;
}
</style>
</defs>
<g id="YouTube">
<circle id="Background" class="cls-1" cx="107.5" cy="107.5" r="107.5" />
<path id="YouTube-2" data-name="YouTube" class="cls-2"
d="M1545.53,357.18a13.94,13.94,0,0,0-9.85-9.85C1527,345,1492.15,345,1492.15,345s-34.85,0-43.54,2.33a14,14,0,0,0-9.85,9.85c-2.33,8.69-2.33,26.82-2.33,26.82s0,18.13,2.33,26.82a14,14,0,0,0,9.85,9.85c8.69,2.33,43.54,2.33,43.54,2.33s34.84,0,43.53-2.33a13.94,13.94,0,0,0,9.85-9.85c2.33-8.69,2.33-26.82,2.33-26.82S1547.86,365.87,1545.53,357.18ZM1481,400.71V367.29L1510,384Z"
transform="translate(-1385 -277)" />
</g>
</svg>
</g>
<g id="Zen">
<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215">
<defs>
<style>
.cls-1 {
fill: #fff;
fill-rule: evenodd;
}
</style>
</defs>
<g id="Дзен">
<circle id="Background" cx="107.5" cy="107.5" r="107.5" />
<path id="Дзен-2" data-name="Дзен" class="cls-1"
d="M382.38,871.83c-.34,27-2.18,42.16-12.29,52.29s-25.27,12-52.24,12.3v4c27,.34,42.12,2.18,52.24,12.3S382,978,382.38,1005h4c.33-27,2.17-42.16,12.29-52.29s25.27-12,52.24-12.3v-4c-27-.34-42.13-2.18-52.24-12.3s-12-25.3-12.29-52.29Z"
transform="translate(-277 -831)" />
</g>
</svg>
</g>
</template>