Pills Bold アイコン

Q: Pills Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:pills-bold

Pills Bold アイコン(solar:pills-bold)は、Solar セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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">

Solar の関連アイコン

他のアイコンセットの Pills Bold アイコン

Pills Bold アイコンのよくある質問

Pills Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Pills Bold アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →