Sleeping Circle Bold Duotone アイコン

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

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

solar:sleeping-circle-bold-duotone

Sleeping Circle Bold Duotone アイコン(solar:sleeping-circle-bold-duotone)は、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
カテゴリ: 顔
タグ: sleepingcircle、circlebold、boldduotone、sleepingcircleboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11 23C16.5228 23 21 18.5228 21 13C21 7.47715 16.5228 3 11 3C5.47715 3 1 7.47715 1 13C1 18.5228 5.47715 23 11 23Z" opacity=".5"/><path fill-rule="evenodd" d="M16.375 4.64952C16.0163 4.85663 15.5576 4.73372 15.3505 4.375C15.1434 4.01628 15.2663 3.55759 15.625 3.35048L19.0891 1.35048C19.3518 1.19881 19.68 1.22032 19.9207 1.40499C20.1614 1.58965 20.2671 1.90111 20.1886 2.19412L19.1931 5.90926L21.0891 4.81459C21.4478 4.60748 21.9065 4.73039 22.1136 5.0891C22.3208 5.44782 22.1978 5.90652 21.8391 6.11362L18.375 8.11362C18.1123 8.2653 17.7841 8.24379 17.5435 8.05912C17.3028 7.87445 17.1971 7.563 17.2756 7.26999L18.271 3.55485L16.375 4.64952Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M12.6729 6.14954C12.3142 5.94244 12.1912 5.48374 12.3984 5.12503C12.6055 4.76631 13.0642 4.6434 13.4229 4.85051L15.1549 5.85051C15.4176 6.00218 15.5631 6.29717 15.5235 6.59792C15.4839 6.89867 15.267 7.14596 14.974 7.22447L13.991 7.48789L14.1549 7.58256C14.5136 7.78966 14.6366 8.24836 14.4294 8.60708C14.2223 8.9658 13.7636 9.0887 13.4049 8.88159L11.6729 7.88159C11.4102 7.72992 11.2647 7.43493 11.3043 7.13418C11.3439 6.83343 11.5607 6.58614 11.8538 6.50763L12.8368 6.24421L12.6729 6.14954Z" clip-rule="evenodd"/><path d="M11 18C11.5523 18 12 17.5523 12 17C12 16.4477 11.5523 16 11 16C10.4477 16 10 16.4477 10 17C10 17.5523 10.4477 18 11 18Z"/><path d="M11.9985 11.4424C12.3064 11.1654 12.7807 11.1905 13.0576 11.4985C13.5225 12.0153 14.0226 12.25 14.5 12.25C14.9775 12.25 15.4775 12.0153 15.9424 11.4985C16.2194 11.1905 16.6936 11.1654 17.0015 11.4424C17.3095 11.7194 17.3346 12.1936 17.0576 12.5015C16.3887 13.2453 15.5098 13.75 14.5 13.75C13.4902 13.75 12.6113 13.2453 11.9424 12.5015C11.6654 12.1936 11.6905 11.7194 11.9985 11.4424Z"/><path d="M6.05764 11.4985C5.78065 11.1905 5.30644 11.1654 4.99847 11.4424C4.69049 11.7194 4.66538 12.1936 4.94237 12.5015C5.61135 13.2453 6.49021 13.75 7.50001 13.75C8.5098 13.75 9.38867 13.2453 10.0576 12.5015C10.3346 12.1936 10.3095 11.7194 10.0015 11.4424C9.69357 11.1654 9.21936 11.1905 8.94237 11.4985C8.47751 12.0153 7.97746 12.25 7.50001 12.25C7.02255 12.25 6.5225 12.0153 6.05764 11.4985Z"/></g></svg>

Sleeping Circle Bold Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/sleeping-circle-bold-duotone.svg" alt="Sleeping Circle Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Sleeping Circle Bold Duotone アイコンのよくある質問

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

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

React で Sleeping Circle Bold Duotone アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:sleeping-circle-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Sleeping Circle Bold Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/sleeping-circle-bold-duotone.svg" alt="Sleeping Circle Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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