Иконка Sezzle Light
thesvg-color:sezzle-light
Иконка Sezzle Light (thesvg-color:sezzle-light) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 798 × 200. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 798 × 200
- Теги
- sezzlelight
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="798" height="200" viewBox="0 0 798 200"><defs><linearGradient id="SVGrhSIfdjT" x1="76.84" x2="44.41" y1="65.89" y2="104.54" 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="SVGuCh5dc9S" x1="78.02" x2="147.69" y1="109.87" y2="109.87" 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="SVGgvn7bbot" x1="-.01" x2="95.89" y1="134.92" y2="134.92" 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="SVG0t7Dcb6p" x1="65.35" x2="161.25" y1="69.57" y2="69.57" 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(#SVGrhSIfdjT)" d="M13.53 134.17a46.2 46.2 0 0 0 65.35 0l1.73-1.73c9-9-9-56.32 0-65.35Z"/><path fill="url(#SVGuCh5dc9S)" d="m82.35 65.36l-1.73 1.73c-9 9 9 56.32 0 65.34l67.07-67.07a46.21 46.21 0 0 0-65.34 0"/><path fill="url(#SVGgvn7bbot)" d="M13.53 68.83a46.19 46.19 0 0 0 0 65.34l68.83-68.83a46.21 46.21 0 0 0 0-65.34Z"/><path fill="url(#SVG0t7Dcb6p)" d="M78.88 134.17a46.22 46.22 0 0 0 0 65.35l68.83-68.83a46.19 46.19 0 0 0 0-65.34Z"/><path fill="#fff" d="M415.45 100.12a51.62 51.62 0 0 0-99.11 28.94v.13c.88 2.94 2.29 6.7 2.32 6.76c4.39 10.28 11.74 18.12 22.47 24A51.68 51.68 0 0 0 406 147.22l.42-.52a52 52 0 0 0 4.56-6.81a8.8 8.8 0 0 0-15.35-8.59a33.7 33.7 0 0 1-8.54 10a6 6 0 0 0-.74.68a34.22 34.22 0 0 1-36.74 2.56a33.5 33.5 0 0 1-12.7-12.26L409.53 111a8.77 8.77 0 0 0 5.92-10.88M366 80.51a34.21 34.21 0 0 1 28.59 15.6l.52.83l-63.28 18.56a34.22 34.22 0 0 1 34.15-35Zm142.71 69.07h-48.07l53.75-79a4.86 4.86 0 0 0-4-7.6H442a8.23 8.23 0 1 0 0 16.46h45.8l-53.74 79a4.85 4.85 0 0 0 4 7.59h70.64a8.23 8.23 0 0 0 0-16.45Zm106.49 0h-48.06l53.75-79a4.85 4.85 0 0 0-4-7.59h-68.36a8.23 8.23 0 0 0 0 16.46h45.8l-53.74 79a4.85 4.85 0 0 0 4 7.59h70.61a8.23 8.23 0 0 0 0-16.46m47.46-131.11a8.24 8.24 0 0 0-8.23 8.23v131.41a8.23 8.23 0 0 0 16.46 0V26.7a8.24 8.24 0 0 0-8.23-8.23m134.99 81.65a51.3 51.3 0 0 0-6.16-13.49a51.62 51.62 0 0 0-57.9-21.51a51.63 51.63 0 0 0-35.06 63.94v.14c.88 2.93 2.29 6.69 2.32 6.76c4.39 10.28 11.74 18.12 22.47 24a51.7 51.7 0 0 0 64.79-12.71l.43-.55a52 52 0 0 0 4.55-6.8a8.8 8.8 0 0 0-15.35-8.59a33.7 33.7 0 0 1-8.54 10a6 6 0 0 0-.75.68a34.22 34.22 0 0 1-36.74 2.56A33.6 33.6 0 0 1 719 132.3l72.7-21.3a8.77 8.77 0 0 0 5.95-10.88m-49.48-19.61a34.21 34.21 0 0 1 28.59 15.6l.52.83L714 115.5a34.22 34.22 0 0 1 34.15-35Zm-459.4 39.77a27.44 27.44 0 0 0-10.47-8.84c-7.36-3.75-16.92-5.47-26.07-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-7 7.56-12.19 17.6-12.19c12 0 18.66 3.5 26.15 8.07a8.86 8.86 0 1 0 9.2-15.12a76 76 0 0 0-14.42-7.23a61.2 61.2 0 0 0-21-3.43c-9.24 0-17.88 2.8-24.33 7.91a27.71 27.71 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.43.22c20 3.13 25.75 6 25.75 12.56c0 8.19-8.2 13.55-20.89 13.66h-.46a41.33 41.33 0 0 1-25.35-8c-.68-.46-1.26-.87-1.84-1.23a8.86 8.86 0 1 0-9.38 15c.23.14.58.38 1 .65l.24.16A59.1 59.1 0 0 0 253.9 166h.61c11-.1 20.48-3.06 27.37-8.58a28.75 28.75 0 0 0 11.12-22.8a24.9 24.9 0 0 0-4.23-14.34"/></svg>Как использовать иконку Sezzle Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:sezzle-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:sezzle-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:sezzle-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sezzle-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sezzle-light"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sezzle-light"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/sezzle-light.svg" alt="Иконка Sezzle Light" width="24" height="24">Похожие иконки в наборе theSVG Color
Вопросы и ответы: Иконка Sezzle Light
Можно ли бесплатно использовать иконку Sezzle Light в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sezzle Light в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:sezzle-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sezzle Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/sezzle-light.svg" alt="Иконка Sezzle Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.