ICONYZ
Русский
Иконка Lovable из набора SVG Logos

Иконка Lovable

logos:lovable

Иконка Lovable (logos:lovable) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 87. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
SVG Logos
Автор
Gil Barbara
Лицензия
CC0-1.0
Размер
512 × 87
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="87" viewBox="0 0 512 87"><defs><radialGradient id="SVGL9CZzb2N" cx="7.166%" cy="52.108%" r="113.046%" fx="7.166%" fy="52.108%" gradientTransform="matrix(.1701 0 0 1 .06 0)"><stop offset="0%" stop-color="#4b73ff"/><stop offset="17%" stop-color="#4b73ff" stop-opacity=".998"/><stop offset="25%" stop-color="#4b73ff" stop-opacity=".991"/><stop offset="31%" stop-color="#4b73ff" stop-opacity=".972"/><stop offset="33.5%" stop-color="#4b73ff" stop-opacity=".957"/><stop offset="36.5%" stop-color="#4b73ff" stop-opacity=".932"/><stop offset="39%" stop-color="#4b73ff" stop-opacity=".904"/><stop offset="41.5%" stop-color="#4b73ff" stop-opacity=".866"/><stop offset="44%" stop-color="#4b73ff" stop-opacity=".821"/><stop offset="46.5%" stop-color="#4b73ff" stop-opacity=".767"/><stop offset="49%" stop-color="#4b73ff" stop-opacity=".705"/><stop offset="51.5%" stop-color="#4b73ff" stop-opacity=".635"/><stop offset="57.5%" stop-color="#4b73ff" stop-opacity=".453"/><stop offset="61.5%" stop-color="#4b73ff" stop-opacity=".336"/><stop offset="63.5%" stop-color="#4b73ff" stop-opacity=".282"/><stop offset="65%" stop-color="#4b73ff" stop-opacity=".244"/><stop offset="68%" stop-color="#4b73ff" stop-opacity=".179"/><stop offset="70%" stop-color="#4b73ff" stop-opacity=".141"/><stop offset="72.5%" stop-color="#4b73ff" stop-opacity=".103"/><stop offset="74.5%" stop-color="#4b73ff" stop-opacity=".077"/><stop offset="77.5%" stop-color="#4b73ff" stop-opacity=".049"/><stop offset="82.5%" stop-color="#4b73ff" stop-opacity=".021"/><stop offset="89%" stop-color="#4b73ff" stop-opacity=".005"/><stop offset="100%" stop-color="#4b73ff" stop-opacity="0"/></radialGradient><radialGradient id="SVGyW8gxczB" cx="8.381%" cy="16.444%" r="131.291%" fx="8.381%" fy="16.444%" gradientTransform="matrix(.1701 0 0 1 .07 0)"><stop offset="0%" stop-color="#ff66f4"/><stop offset="27%" stop-color="#ff66f4" stop-opacity=".995"/><stop offset="33%" stop-color="#ff66f4" stop-opacity=".983"/><stop offset="38%" stop-color="#ff66f4" stop-opacity=".959"/><stop offset="42%" stop-color="#ff66f4" stop-opacity=".914"/><stop offset="44%" stop-color="#ff66f4" stop-opacity=".886"/><stop offset="47.5%" stop-color="#ff66f4" stop-opacity=".821"/><stop offset="50%" stop-color="#ff66f4" stop-opacity=".765"/><stop offset="52%" stop-color="#ff66f4" stop-opacity=".713"/><stop offset="55.5%" stop-color="#ff66f4" stop-opacity=".611"/><stop offset="62.5%" stop-color="#ff66f4" stop-opacity=".387"/><stop offset="65.5%" stop-color="#ff66f4" stop-opacity=".298"/><stop offset="67%" stop-color="#ff66f4" stop-opacity=".257"/><stop offset="69.5%" stop-color="#ff66f4" stop-opacity=".197"/><stop offset="73%" stop-color="#ff66f4" stop-opacity=".126"/><stop offset="74.5%" stop-color="#ff66f4" stop-opacity=".103"/><stop offset="78.5%" stop-color="#ff66f4" stop-opacity=".059"/><stop offset="81.5%" stop-color="#ff66f4" stop-opacity=".036"/><stop offset="84%" stop-color="#ff66f4" stop-opacity=".022"/><stop offset="90.5%" stop-color="#ff66f4" stop-opacity=".005"/><stop offset="100%" stop-color="#ff66f4" stop-opacity="0"/></radialGradient><radialGradient id="SVG4pwrbdCB" cx="10.691%" cy="4.219%" r="113.046%" fx="10.691%" fy="4.219%" gradientTransform="matrix(.1701 0 0 1 .089 0)"><stop offset="0%" stop-color="#ff0105"/><stop offset="14.5%" stop-color="#ff0105" stop-opacity=".998"/><stop offset="22.5%" stop-color="#ff0105" stop-opacity=".989"/><stop offset="29%" stop-color="#ff0105" stop-opacity=".967"/><stop offset="31.5%" stop-color="#ff0105" stop-opacity=".952"/><stop offset="34%" stop-color="#ff0105" stop-opacity=".93"/><stop offset="38.5%" stop-color="#ff0105" stop-opacity=".876"/><stop offset="42%" stop-color="#ff0105" stop-opacity=".817"/><stop offset="44%" stop-color="#ff0105" stop-opacity=".776"/><stop offset="46%" stop-color="#ff0105" stop-opacity=".73"/><stop offset="50%" stop-color="#ff0105" stop-opacity=".624"/><stop offset="59%" stop-color="#ff0105" stop-opacity=".36"/><stop offset="63%" stop-color="#ff0105" stop-opacity=".256"/><stop offset="67%" stop-color="#ff0105" stop-opacity=".171"/><stop offset="71%" stop-color="#ff0105" stop-opacity=".106"/><stop offset="74%" stop-color="#ff0105" stop-opacity=".071"/><stop offset="76.5%" stop-color="#ff0105" stop-opacity=".049"/><stop offset="82%" stop-color="#ff0105" stop-opacity=".02"/><stop offset="89%" stop-color="#ff0105" stop-opacity=".005"/><stop offset="100%" stop-color="#ff0105" stop-opacity="0"/></radialGradient><radialGradient id="SVGHRCAsbwa" cx="8.578%" cy="16.431%" r="87.141%" fx="8.578%" fy="16.431%" gradientTransform="matrix(.1701 0 0 1 .071 0)"><stop offset="0%" stop-color="#fe7b02" stop-opacity=".972"/><stop offset="7%" stop-color="#fe7b02" stop-opacity=".964"/><stop offset="13.5%" stop-color="#fe7b02" stop-opacity=".937"/><stop offset="16%" stop-color="#fe7b02" stop-opacity=".92"/><stop offset="20%" stop-color="#fe7b02" stop-opacity=".885"/><stop offset="25%" stop-color="#fe7b02" stop-opacity=".825"/><stop offset="29.5%" stop-color="#fe7b02" stop-opacity=".753"/><stop offset="35%" stop-color="#fe7b02" stop-opacity=".646"/><stop offset="39.5%" stop-color="#fe7b02" stop-opacity=".547"/><stop offset="45%" stop-color="#fe7b02" stop-opacity=".419"/><stop offset="52.5%" stop-color="#fe7b02" stop-opacity=".262"/><stop offset="55.5%" stop-color="#fe7b02" stop-opacity=".209"/><stop offset="59.5%" stop-color="#fe7b02" stop-opacity=".149"/><stop offset="64.5%" stop-color="#fe7b02" stop-opacity=".091"/><stop offset="70%" stop-color="#fe7b02" stop-opacity=".049"/><stop offset="77%" stop-color="#fe7b02" stop-opacity=".019"/><stop offset="85.5%" stop-color="#fe7b02" stop-opacity=".005"/><stop offset="100%" stop-color="#fe7b02" stop-opacity="0"/></radialGradient><path id="SVGZ0xZybqj" d="M25.115 0c13.871 0 25.116 11.274 25.116 25.182v9.57h8.358c13.871 0 25.116 11.274 25.116 25.182S72.46 85.115 58.589 85.115H0V25.182C0 11.274 11.245 0 25.115 0"/></defs><path d="M512 52.948v.676a206 206 0 0 1-.06 5.081h-41.47l-1.858.003q.256 4.164 1.602 7.239q1.662 3.798 4.749 5.757q3.085 1.9 7.3 1.9q4.631 0 7.657-2.374q3.027-2.434 3.799-6.827h17.985q-.832 6.886-4.69 11.93q-3.798 5.046-10.15 7.777q-6.35 2.73-14.78 2.73q-9.495 0-16.5-3.62q-7.005-3.681-10.921-11.04q-3.858-7.361-3.858-18.223q0-10.327 4.036-17.807q4.036-7.538 11.159-11.455q7.123-3.918 16.204-3.918q8.725 0 15.492 3.8q6.766 3.798 10.505 11.04q3.8 7.24 3.799 17.33m-43.148-6.706l24.752-.001q-.36-3.64-1.31-5.817q-1.365-3.324-4.036-4.986t-6.47-1.662q-3.975 0-7.004 1.959q-2.967 1.9-4.629 5.698q-.91 2.155-1.303 4.81M427.44.002h17.985v85.115H427.44zm-48.767 85.115h-17.806V.002h17.984v31.59l.212-.396a21 21 0 0 1 1.925-2.941q2.85-3.621 6.945-5.52q4.095-1.959 9.2-1.959q7.656 0 13.295 3.977t8.666 11.455q3.027 7.42 3.027 17.629q0 10.15-3.086 17.628q-3.087 7.42-8.844 11.396q-5.698 3.978-13.355 3.977q-5.105 0-9.14-1.78q-3.977-1.78-6.768-5.342a21 21 0 0 1-2.077-3.306v8.528h-.178zm23.612-41.154l-.107-.335q-1.365-4.334-4.155-6.707q-2.73-2.434-6.767-2.434q-3.976 0-6.825 2.434q-2.79 2.374-4.215 6.766q-1.132 3.447-1.365 7.833v4.655q.232 4.425 1.365 7.871q1.425 4.332 4.215 6.707q2.85 2.375 6.825 2.375q4.036 0 6.767-2.375q2.69-2.29 4.055-6.4l.1-.307q1.425-4.332 1.425-10.21q0-5.649-1.318-9.873M232.914 35.99l.175.338q3.858 7.42 3.858 17.45q0 10.032-3.858 17.51q-3.8 7.48-10.803 11.516q-7.005 4.035-16.322 4.036q-9.32 0-16.382-4.036q-7.004-4.036-10.863-11.515q-3.798-7.48-3.798-17.51t3.798-17.45q3.859-7.48 10.863-11.516q7.062-4.035 16.382-4.036q9.318 0 16.322 4.036q6.845 3.945 10.628 11.177m102.497 41.273c1.321-1.844-.12-1.556-.007-.083zl-.008.01a29 29 0 0 1-1.456 1.85q-2.968 3.502-7.656 5.64q-4.631 2.077-10.566 2.077q-5.877 0-10.565-2.315q-4.63-2.315-7.3-6.589q-2.613-4.332-2.612-10.09q0-8.785 5.163-13.414q5.165-4.689 14.899-6.114l10.862-1.543q3.264-.475 5.164-1.187t2.789-1.9q.89-1.246.89-3.145a6.3 6.3 0 0 0-1.068-3.562q-1.009-1.662-3.086-2.611q-2.019-1.01-4.927-1.01q-4.63 0-7.42 2.434q-2.789 2.375-3.026 6.53h-18.579q.238-6.292 3.8-11.16q3.62-4.926 10.03-7.656t14.839-2.73q8.844 0 14.958 2.908q6.114 2.85 9.2 8.19q3.145 5.343 3.145 12.762v26.116q0 4.215.594 7.835q.653 3.562 1.84 4.512v2.018h-18.697q-.652-2.553-1.009-5.758a65 65 0 0 1-.198-2.098m-82.22-54.765l13.502 44.118l12.97-44.118h18.578l-21.665 62.62h-20.003l-22.495-62.62zm-76.71 62.618H122.35V.001h18.637v67.994h21.787c15.879 0 13.708 17.121 13.708 17.121m158.654-30.53a9.5 9.5 0 0 1-2.078 1.33q-2.077 1.009-5.64 1.721l-4.57.89q-4.57.891-6.884 2.73q-2.256 1.842-2.256 5.164q0 3.325 2.433 5.283q2.434 1.959 6.233 1.959t6.707-1.662a11.45 11.45 0 0 0 4.452-4.748q1.602-3.027 1.602-6.886zM205.964 34.547q-3.918 0-6.767 2.196q-2.79 2.136-4.273 6.47q-1.485 4.273-1.485 10.565t1.485 10.624q1.483 4.334 4.273 6.53q2.85 2.136 6.767 2.137t6.707-2.137q2.79-2.197 4.273-6.47q1.484-4.333 1.484-10.684q0-9.438-3.265-14.305q-3.264-4.926-9.2-4.926"/><mask id="SVGm5XHJeCJ" fill="#fff"><use href="#SVGZ0xZybqj"/></mask><g mask="url(#SVGm5XHJeCJ)"><path fill="url(#SVGL9CZzb2N)" d="M0 0h512.431v87.186H0z"/><path fill="url(#SVGyW8gxczB)" d="M0 0h512.431v87.186H0z"/><path fill="url(#SVG4pwrbdCB)" d="M0 0h512.431v87.186H0z"/><path fill="url(#SVGHRCAsbwa)" d="M0 0h512.431v87.186H0z"/></g></svg>

Как использовать иконку Lovable

React

import { Icon } from "@iconify/react";

<Icon icon="logos:lovable" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:lovable" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:lovable" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--lovable]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:lovable"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:lovable"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/logos/lovable.svg" alt="Иконка Lovable" width="24" height="24">

Похожие иконки в наборе SVG Logos

Иконка Lovable в других наборах

Вопросы и ответы: Иконка Lovable

Можно ли бесплатно использовать иконку Lovable в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Lovable в React?

Установите @iconify/react и выведите <Icon icon="logos:lovable" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Lovable на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/lovable.svg" alt="Иконка Lovable">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →