Иконка Signalmelo

thesvg-color:signalmelo

Иконка Signalmelo (thesvg-color:signalmelo) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 192 × 192. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 192 × 192

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="#618fff" d="M27.69 96.96c-.12 9.95 2.45 20.72 7.83 30.63c2.55 4.7 5.92 9 9.33 13.14c2.08 2.52 5.04 2.12 7.11-.23c2.06-2.34 2.02-4.4-.43-7.35c-8.37-10.07-12.88-21.67-13.43-34.78c-.76-18.16 4.83-33.94 18.22-46.33c25.87-23.94 67.43-19.94 87.85 7c12.51 16.5 14.99 34.86 9.04 54.52c-2.24 7.36-5.77 14.06-10.9 19.86c-2.44 2.75-2.27 5.42.08 7.5c2.41 2.14 5.06 1.86 7.59-.86c.87-.94 1.72-1.91 2.46-2.94c9.73-13.46 14.48-28.46 13.8-45.18c-.81-19.94-8.62-36.59-23.7-49.31c-14.2-11.99-30.97-17.05-49.44-16.09c-37.66 1.96-65.63 31.49-65.43 70.41"/><path fill="#618fff" d="M97.59 46.28c-28.77-.24-50.73 22.38-49.79 51.47c.32 9.89 3.41 18.94 9.23 26.96c.65.89 1.35 1.75 2.12 2.52c1.93 1.96 4.55 2.16 6.37.57c2.3-2 2.79-4.48.94-6.77c-4.94-6.1-7.62-13.06-8.43-20.86c-2.96-28.19 21.62-50.15 48.45-43.25c15.93 4.1 27.38 16.48 29.35 32.25c1.42 11.39-.83 21.96-8.11 31.11c-1.2 1.51-2.43 2.98-1.45 5.2c1.89 4.26 5.88 5 8.81 1.37c7.48-9.26 11.02-20.09 11.13-31.89c.25-26.91-21.42-48.44-48.62-48.68"/><path fill="#618fff" d="M97.17 64.46c-16.11-.02-29.21 12.45-30.34 29.04c-.45 6.65.86 12.97 4.45 18.68c1.18 1.88 2.78 2.62 4.86 1.45c2.22-1.25 2.7-3.14 1.81-5.56c-1.21-3.34-2.76-6.69-3.18-10.16c-1.16-9.33 2.03-17.16 9.9-22.35c7.4-4.88 15.42-5.5 23.24-.93c8.34 4.86 12.31 12.42 11.24 22.11c-.42 3.82-2.1 7.52-3.42 11.19c-1 2.81-.65 4.8 1.49 5.91c2.24 1.16 4.14.57 5.57-2.22c1.29-2.51 2.37-5.17 3.16-7.88c5.77-19.74-8.57-39.24-28.78-39.27"/><path fill="#618fff" d="M112.93 94.52c0-8.89-7.13-16.1-15.93-16.1s-15.93 7.21-15.93 16.1c0 7.49 5.07 13.76 11.92 15.56c-.04 13.31-.09 26.62-.13 39.94c-.01 1.75-.07 3.5.11 5.23c.29 2.74 3.23 4.51 5.38 2.99c1.07-.75 1.78-2.74 1.8-4.18c.17-14.61.22-29.22.29-43.83c7.14-1.59 12.49-8.01 12.49-15.71"/></svg>

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

React

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

<Icon icon="thesvg-color:signalmelo" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:signalmelo" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:signalmelo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--signalmelo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:signalmelo"></div>

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

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

<iconify-icon icon="thesvg-color:signalmelo"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/thesvg-color/signalmelo.svg" alt="Иконка Signalmelo" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки theSVG Color →