Иконка Pills Bold

solar:pills-bold

Иконка Pills Bold (solar:pills-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
Категория: Медицина
Теги: pillsbold, pill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M7.59246 11.2815C5.46918 9.15824 5.46918 5.71573 7.59246 3.59246C9.71573 1.46918 13.1582 1.46918 15.2815 3.59246L17.204 5.51494L17.1085 6.01042L17.1066 6.01899C17.1044 6.02911 17.1002 6.04738 17.0936 6.07333C17.0805 6.12522 17.0581 6.20777 17.0231 6.31719C16.9532 6.53604 16.8335 6.86213 16.6391 7.26542C16.2508 8.07114 15.5633 9.18779 14.3752 10.3758C13.1872 11.5639 12.0706 12.2513 11.265 12.6395C10.8618 12.8339 10.5358 12.9535 10.3169 13.0234C10.2076 13.0583 10.125 13.0808 10.0731 13.0939C10.0472 13.1004 10.0289 13.1046 10.0188 13.1069L10.0103 13.1087L9.51505 13.2041L7.59246 11.2815ZM13.5303 4.46967C13.2374 4.17678 12.7626 4.17678 12.4697 4.46967C12.1768 4.76256 12.1768 5.23744 12.4697 5.53033L13.9697 7.03033C14.2626 7.32322 14.7374 7.32322 15.0303 7.03033C15.3232 6.73744 15.3232 6.26256 15.0303 5.96967L13.5303 4.46967Z" clip-rule="evenodd"/><path d="M18.452 6.77358L18.4546 6.76552L20.4075 8.71849C22.5308 10.8418 22.5308 14.2843 20.4075 16.4075C18.2843 18.5308 14.8418 18.5308 12.7185 16.4075L10.7657 14.4547L10.7732 14.4523C11.0535 14.3628 11.4451 14.2178 11.9162 13.9908C12.8592 13.5364 14.1178 12.7546 15.4359 11.4365C16.754 10.1184 17.5358 8.85976 17.9904 7.91667C18.2174 7.44556 18.3625 7.05389 18.452 6.77358Z"/><path d="M5.28563 10.6475C3.33589 11.6382 2 13.663 2 15.9998C2 19.3135 4.68629 21.9998 8 21.9998C10.3368 21.9998 12.3616 20.6639 13.3523 18.7142C12.7425 18.3956 12.1701 17.9803 11.6578 17.468L6.5318 12.342C6.01955 11.8297 5.60416 11.2573 5.28563 10.6475Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →