Иконка Pills Outline

solar:pills-outline

Иконка Pills Outline (solar:pills-outline) — бесплатная 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
Категория: Медицина
Теги: pillsoutline, pill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.4697 4.46967C12.7626 4.17678 13.2374 4.17678 13.5303 4.46967L15.0303 5.96967C15.3232 6.26256 15.3232 6.73744 15.0303 7.03033C14.7374 7.32322 14.2626 7.32322 13.9697 7.03033L12.4697 5.53033C12.1768 5.23744 12.1768 4.76256 12.4697 4.46967Z"/><path fill-rule="evenodd" d="M7.06213 3.06213C9.47829 0.645958 13.3957 0.645958 15.8118 3.06213L20.9379 8.18816C23.354 10.6043 23.354 14.5217 20.9379 16.9379C19.1526 18.7231 16.5477 19.1893 14.3345 18.3364C13.3838 20.9127 10.9071 22.7499 8 22.7499C4.27208 22.7499 1.25 19.7278 1.25 15.9999C1.25 13.0927 3.08726 10.6161 5.6636 9.66543C4.81071 7.45217 5.27689 4.84737 7.06213 3.06213ZM14.7512 4.12279C12.9208 2.2924 9.95317 2.2924 8.12279 4.12279C6.2924 5.95317 6.29241 8.9208 8.12279 10.7512L10.3759 13.0042C10.5925 12.9324 10.8966 12.8171 11.2652 12.6395C12.0708 12.2513 13.1874 11.5639 14.3754 10.3758C15.5635 9.18774 16.251 8.07109 16.6393 7.26537C16.817 6.89669 16.9323 6.59252 17.0042 6.37582L14.7512 4.12279ZM18.1644 7.53603C18.1126 7.65603 18.0549 7.78314 17.9906 7.91662C17.536 8.85971 16.7542 10.1184 15.4361 11.4365C14.118 12.7545 12.8594 13.5363 11.9164 13.9908C11.783 14.055 11.656 14.1127 11.5361 14.1645L13.2488 15.8772C15.0792 17.7076 18.0468 17.7076 19.8772 15.8772C21.7076 14.0468 21.7076 11.0792 19.8772 9.24882L18.1644 7.53603ZM6.38067 11.0042C4.27349 11.6866 2.75 13.6661 2.75 15.9999C2.75 18.8994 5.1005 21.2499 8 21.2499C10.3339 21.2499 12.3133 19.7264 12.9957 17.6193C12.7123 17.4188 12.4419 17.1917 12.1882 16.9379L7.06213 11.8118C6.80831 11.558 6.58116 11.2876 6.38067 11.0042Z" clip-rule="evenodd"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →