ICONYZ
Русский
Иконка Spotify Dark из набора Skill Icons

Иконка Spotify Dark

skill-icons:spotify-dark

Иконка Spotify Dark (skill-icons:spotify-dark) — бесплатная SVG-иконка из набора Skill Icons от tandpfun. Она нарисована на сетке 256 × 256. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Skill Icons
Автор
tandpfun
Лицензия
MIT
Размер
256 × 256
Теги
spotifydark
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#1ed760" d="M128 33c-52.442 0-95 42.558-95 95s42.558 95 95 95s95-42.558 95-95s-42.558-95-95-95"/><path fill="#000" d="M188.754 118.462c-1.992 0-3.218-.498-4.942-1.494c-27.274-16.281-76.038-20.188-107.602-11.377c-1.38.383-3.103.996-4.942.996c-5.056 0-8.925-3.946-8.925-9.04c0-5.21 3.217-8.16 6.665-9.156c13.484-3.946 28.577-5.823 45.01-5.823c27.964 0 57.268 5.823 78.681 18.311c2.988 1.724 4.942 4.099 4.942 8.657c0 5.21-4.214 8.926-8.887 8.926m-11.875 29.189c-1.992 0-3.333-.881-4.712-1.609c-23.941-14.173-59.643-19.881-91.399-11.262c-1.839.498-2.835.996-4.558.996c-4.1 0-7.432-3.333-7.432-7.431c0-4.099 1.992-6.819 5.938-7.93c10.649-2.988 21.528-5.21 37.463-5.21c24.861 0 48.879 6.168 67.803 17.43c3.103 1.839 4.328 4.214 4.328 7.546c-.038 4.137-3.256 7.47-7.431 7.47m-10.305 25.129c-1.608 0-2.604-.498-4.098-1.379c-23.904-14.403-51.714-15.016-79.18-9.385c-1.494.383-3.447.996-4.558.996c-3.716 0-6.053-2.95-6.053-6.053c0-3.945 2.337-5.822 5.21-6.435c31.373-6.933 63.436-6.321 90.786 10.036c2.337 1.494 3.716 2.835 3.716 6.321s-2.72 5.899-5.823 5.899"/></g></svg>

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

React

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

<Icon icon="skill-icons:spotify-dark" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:spotify-dark" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:spotify-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--spotify-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:spotify-dark"></div>

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

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

<iconify-icon icon="skill-icons:spotify-dark"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/skill-icons/spotify-dark.svg" alt="Иконка Spotify Dark" width="24" height="24">

Похожие иконки в наборе Skill Icons

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

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

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

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

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

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

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

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

Все Skill Icons →