Иконка Album Bold Duotone

solar:album-bold-duotone

Иконка Album Bold Duotone (solar:album-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Видео
Теги: albumbold, boldduotone, albumboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.2905 11.9684C17.2905 12.7071 16.6984 13.3059 15.9679 13.3059C15.2374 13.3059 14.6453 12.7071 14.6453 11.9684C14.6453 11.2297 15.2374 10.6309 15.9679 10.6309C16.6984 10.6309 17.2905 11.2297 17.2905 11.9684Z"/><path fill-rule="evenodd" d="M18.1316 7.40774C17.2832 7.28707 16.1897 7.28709 14.8267 7.28711H9.17326C7.81031 7.28709 6.7168 7.28707 5.86839 7.40774C4.99062 7.53259 4.25955 7.80048 3.71603 8.42826C3.17252 9.05605 3.00655 9.82426 3.00019 10.7206C2.99404 11.587 3.13858 12.6831 3.31873 14.0493L3.68419 16.8211C3.825 17.8892 3.93897 18.7537 4.11616 19.4306C4.3006 20.1352 4.57289 20.7194 5.08383 21.1718C5.59477 21.6241 6.20337 21.8199 6.91841 21.9116C7.60534 21.9998 8.46777 21.9998 9.53332 21.9998H14.4667C15.5322 21.9998 16.3947 21.9998 17.0816 21.9116C17.7966 21.8199 18.4052 21.6241 18.9162 21.1718C19.4271 20.7194 19.6994 20.1352 19.8838 19.4306C20.061 18.7537 20.175 17.8892 20.3158 16.8211L20.6813 14.0493C20.8614 12.6831 21.006 11.587 20.9998 10.7206C20.9934 9.82426 20.8275 9.05605 20.284 8.42826C19.7404 7.80048 19.0094 7.53259 18.1316 7.40774ZM6.05259 8.73222C5.32568 8.83561 4.95802 9.02418 4.71116 9.30931C4.4643 9.59445 4.32805 9.98791 4.32278 10.7302C4.31738 11.4915 4.44802 12.4942 4.63662 13.9246L4.68663 14.3039L5.05822 14.0318C6.0171 13.3295 7.43388 13.364 8.34576 14.1273L11.7301 16.9601C12.0499 17.2278 12.6011 17.2778 12.9989 17.0438L13.2341 16.9054C14.3594 16.2435 15.8676 16.3133 16.9059 17.0955L18.7378 18.4755C18.8281 17.9799 18.909 17.3707 19.0107 16.5996L19.3634 13.9246C19.552 12.4942 19.6826 11.4915 19.6772 10.7302C19.6719 9.98791 19.5357 9.59445 19.2888 9.30931C19.042 9.02418 18.6743 8.83561 17.9474 8.73222C17.2019 8.62619 16.2018 8.62462 14.7748 8.62462H9.22521C7.79821 8.62462 6.7981 8.62619 6.05259 8.73222Z" clip-rule="evenodd"/><path d="M6.87908 4.5C5.62752 4.5 4.60128 5.33974 4.25881 6.45377C4.25167 6.477 4.24482 6.50034 4.23828 6.5238C4.59662 6.40323 4.96954 6.32446 5.34706 6.27068C6.3194 6.13218 7.54821 6.13225 8.97563 6.13234L9.08223 6.13234L15.1785 6.13234C16.606 6.13225 17.8348 6.13218 18.8071 6.27068C19.1846 6.32446 19.5575 6.40323 19.9159 6.5238C19.9093 6.50034 19.9025 6.477 19.8953 6.45377C19.5529 5.33974 18.5266 4.5 17.2751 4.5H6.87908Z" opacity=".5"/><path d="M8.8585 2.00001H15.1406C15.3498 1.99995 15.5102 1.99991 15.6505 2.01515C16.6475 2.12351 17.4636 2.78957 17.8097 3.68676H6.18945C6.53552 2.78957 7.35159 2.12351 8.34863 2.01515C8.48886 1.99991 8.64927 1.99995 8.8585 2.00001Z" opacity=".5"/></g></svg>

Как использовать иконку Album Bold Duotone

React

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

<Icon icon="solar:album-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:album-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:album-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--album-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:album-bold-duotone"></div>

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

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

<iconify-icon icon="solar:album-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/album-bold-duotone.svg" alt="Иконка Album Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Album Bold Duotone

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

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

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

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

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

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

Все Иконки Solar →