Иконка Sezzle Dark
thesvg-color:sezzle-dark
Иконка Sezzle Dark (thesvg-color:sezzle-dark) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 798 × 200. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 798 × 200
- Теги
- sezzledark
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="798" height="200" viewBox="0 0 798 200"><defs><linearGradient id="SVGcY0nRbvM" x1="76.86" x2="44.43" y1="65.86" y2="104.51" gradientTransform="matrix(1 0 0 -1 0 202)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ce5dcb"/><stop offset=".21" stop-color="#c558cc"/><stop offset=".55" stop-color="#ac4acf"/><stop offset=".98" stop-color="#8534d4"/><stop offset="1" stop-color="#8333d4"/></linearGradient><linearGradient id="SVG50yn4c4i" x1="78.04" x2="147.73" y1="109.85" y2="109.85" gradientTransform="matrix(1 0 0 -1 0 202)" gradientUnits="userSpaceOnUse"><stop offset=".02" stop-color="#ff5667"/><stop offset=".66" stop-color="#fc8b82"/><stop offset="1" stop-color="#fba28e"/></linearGradient><linearGradient id="SVGTvLRkdyl" x2="95.92" y1="134.9" y2="134.9" gradientTransform="matrix(1 0 0 -1 0 202)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00b874"/><stop offset=".51" stop-color="#29d3a2"/><stop offset=".68" stop-color="#53dfb6"/><stop offset="1" stop-color="#9ff4d9"/></linearGradient><linearGradient id="SVGZITDxdxn" x1="65.36" x2="161.28" y1="69.54" y2="69.54" gradientTransform="matrix(1 0 0 -1 0 202)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fcd77e"/><stop offset=".52" stop-color="#fea500"/><stop offset="1" stop-color="#ff5b00"/></linearGradient></defs><path fill="url(#SVGcY0nRbvM)" d="M13.54 134.2a46.21 46.21 0 0 0 65.36 0l1.73-1.73c9-9-9-56.34 0-65.36Z"/><path fill="url(#SVG50yn4c4i)" d="m82.37 65.37l-1.73 1.73c-9 9 9 56.34 0 65.36l67.09-67.09a46.23 46.23 0 0 0-65.36 0"/><path fill="url(#SVGTvLRkdyl)" d="M13.54 68.84a46.21 46.21 0 0 0 0 65.36l68.84-68.84a46.21 46.21 0 0 0 0-65.36Z"/><path fill="url(#SVGZITDxdxn)" d="M78.9 134.2a46.21 46.21 0 0 0 0 65.36l68.84-68.84a46.21 46.21 0 0 0 0-65.36Z"/><path fill="#382757" d="M415.54 100.14a51.52 51.52 0 0 0-24.79-30.79a52 52 0 0 0-39.29-4.22a51.63 51.63 0 0 0-35.06 64v.13c.88 2.94 2.29 6.7 2.32 6.76c4.39 10.28 11.75 18.13 22.48 24a51.7 51.7 0 0 0 64.81-12.73l.42-.52a50.3 50.3 0 0 0 4.57-6.87a8.8 8.8 0 0 0-15.35-8.59a33.6 33.6 0 0 1-8.55 10a6 6 0 0 0-.74.68a34.23 34.23 0 0 1-36.75 2.56a33.6 33.6 0 0 1-12.71-12.26L409.6 111a8.77 8.77 0 0 0 5.94-10.86m-49.49-19.61a34.24 34.24 0 0 1 28.6 15.6l.52.83l-63.27 18.56a34.15 34.15 0 0 1 24.49-33.59a34.4 34.4 0 0 1 9.66-1.4m142.76 69.08h-48.08l53.77-79a4.86 4.86 0 0 0-4-7.6h-68.38a8.23 8.23 0 0 0 0 16.46h45.81l-53.75 79a4.85 4.85 0 0 0 4 7.59h70.6a8.23 8.23 0 0 0 0-16.45Zm106.52 0h-48.07l53.76-79A4.85 4.85 0 0 0 617 63h-68.35a8.23 8.23 0 0 0 0 16.46h45.81l-53.75 79a4.85 4.85 0 0 0 4 7.59h70.6a8.23 8.23 0 0 0 0-16.46ZM662.8 18.47a8.24 8.24 0 0 0-8.23 8.23v131.43a8.23 8.23 0 0 0 16.46 0V26.7a8.24 8.24 0 0 0-8.23-8.23m135.01 81.68A51.44 51.44 0 0 0 773 69.36a52 52 0 0 0-39.29-4.22a51.65 51.65 0 0 0-35.06 64v.14c.88 2.93 2.29 6.69 2.32 6.76c4.39 10.28 11.75 18.12 22.48 24a51.69 51.69 0 0 0 64.8-12.72l.43-.55a52 52 0 0 0 4.55-6.8a8.8 8.8 0 0 0-15.23-8.64a33.6 33.6 0 0 1-8.54 10a6 6 0 0 0-.75.68a34.26 34.26 0 0 1-36.76 2.56a33.53 33.53 0 0 1-12.71-12.26L791.87 111a8.77 8.77 0 0 0 5.94-10.85m-49.48-19.62a34.24 34.24 0 0 1 28.6 15.6l.52.83l-63.27 18.56a34.18 34.18 0 0 1 34.15-35Zm-459.5 39.78a27.6 27.6 0 0 0-10.47-8.85c-7.37-3.75-16.92-5.47-26.08-6.9l-1.45-.22c-6.43-1-13.08-2-17.35-4.2c-3.23-1.64-4.38-3.48-4.38-7.07c0-6.95 7.57-12.19 17.6-12.19c12 0 18.66 3.5 26.16 8.07a8.86 8.86 0 1 0 9.24-15.13a76.3 76.3 0 0 0-14.42-7.24a61.2 61.2 0 0 0-21-3.44c-9.24 0-17.89 2.81-24.34 7.91a27.72 27.72 0 0 0-11 22c0 10.3 4.88 18.22 14.11 22.89c6.78 3.43 14.84 4.68 22.63 5.89l1.44.22c20 3.13 25.76 6 25.76 12.56c0 8.19-8.2 13.55-20.89 13.66H254a41.34 41.34 0 0 1-25.36-8c-.68-.46-1.26-.87-1.84-1.23a8.87 8.87 0 0 0-9.39 15c.23.14.58.38 1 .65l.24.16A59.12 59.12 0 0 0 254 166h.61c11-.1 20.48-3.06 27.38-8.58A28.78 28.78 0 0 0 293 134.64a25 25 0 0 0-4.17-14.33"/></svg>Как использовать иконку Sezzle Dark
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:sezzle-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:sezzle-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:sezzle-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sezzle-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sezzle-dark"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sezzle-dark"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/sezzle-dark.svg" alt="Иконка Sezzle Dark" width="24" height="24">Похожие иконки в наборе theSVG Color
Вопросы и ответы: Иконка Sezzle Dark
Можно ли бесплатно использовать иконку Sezzle Dark в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sezzle Dark в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:sezzle-dark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sezzle Dark на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/sezzle-dark.svg" alt="Иконка Sezzle Dark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.