Иконка Cosmetic Bold

solar:cosmetic-bold

Иконка Cosmetic Bold (solar:cosmetic-bold) — бесплатная 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
Категория: Интерфейс
Теги: cosmeticbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 12.5C2 12.2239 2.22386 12 2.5 12H7.5C7.77614 12 8 12.2239 8 12.5V18C8 19.6569 6.65685 21 5 21C3.34315 21 2 19.6569 2 18V12.5Z"/><path d="M3 10.5H7V5.99983C7 5.25644 6.21769 4.77295 5.55279 5.1054L3.55279 6.1054C3.214 6.27479 3 6.62105 3 6.99983V10.5Z"/><path d="M11 10.5C11 7.46243 13.4624 5 16.5 5C19.5376 5 22 7.46243 22 10.5C22 13.5376 19.5376 16 16.5 16C13.4624 16 11 13.5376 11 10.5Z"/><path d="M15.75 17.7103C15.9964 17.7365 16.2466 17.75 16.5 17.75C16.7534 17.75 17.0036 17.7365 17.25 17.7103V19.5H19.5C19.9142 19.5 20.25 19.8358 20.25 20.25C20.25 20.6642 19.9142 21 19.5 21H13.5C13.0858 21 12.75 20.6642 12.75 20.25C12.75 19.8358 13.0858 19.5 13.5 19.5H15.75V17.7103Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:cosmetic-bold"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Иконки Solar →