Case Round Minimalistic Bold Duotone アイコン

Q: Case Round Minimalistic Bold Duotone アイコンは商用利用でも無料ですか?

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

solar:case-round-minimalistic-bold-duotone

Case Round Minimalistic Bold Duotone アイコン(solar:case-round-minimalistic-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
カテゴリ: 学校
タグ: caseround、roundminimalistic、minimalisticbold、boldduotone、caseroundminimalisticboldduotone

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="M9.87763 4.24993C10.1869 3.37503 11.0213 2.75 11.9998 2.75C12.9783 2.75 13.8127 3.37503 14.122 4.24993C14.26 4.64047 14.6885 4.84517 15.079 4.70713C15.4696 4.56909 15.6742 4.1406 15.5362 3.75007C15.0218 2.29459 13.6337 1.25 11.9998 1.25C10.3658 1.25 8.9778 2.29459 8.46337 3.75007C8.32533 4.1406 8.53002 4.56909 8.92056 4.70713C9.3111 4.84517 9.73959 4.64047 9.87763 4.24993ZM2.74709 8.09098C2.69375 8.05631 2.63765 8.02929 2.58008 8.00965C2.73322 7.69204 2.92679 7.41623 3.17145 7.17157C4.34303 6 6.22864 6 9.99988 6H13.9999C17.7711 6 19.6567 6 20.8283 7.17157C21.073 7.41626 21.2666 7.6921 21.4197 8.00975C21.3623 8.02939 21.3063 8.05637 21.253 8.09098C19.1526 9.45626 17.833 10.3102 16.7364 10.858C16.6701 10.5117 16.3655 10.25 15.9999 10.25C15.5857 10.25 15.2499 10.5858 15.2499 11V11.4581C13.1304 12.0976 10.8693 12.0976 8.74988 11.458V11C8.74988 10.5858 8.41409 10.25 7.99988 10.25C7.63428 10.25 7.32978 10.5116 7.26334 10.8578C6.1669 10.31 4.84732 9.45613 2.74709 8.09098Z" clip-rule="evenodd"/><path d="M2 13.9998C2 12.0494 2 10.6033 2.16208 9.49951C4.43876 10.9794 5.89798 11.9231 7.25 12.5044V12.9998C7.25 13.414 7.58579 13.7498 8 13.7498C8.40872 13.7498 8.74109 13.4229 8.74982 13.0163C10.8801 13.5779 13.1199 13.5779 15.2502 13.0163C15.259 13.4229 15.5913 13.7498 16 13.7498C16.4142 13.7498 16.75 13.414 16.75 12.9998V12.5045C18.1021 11.9233 19.5613 10.9796 21.8379 9.49971C22 10.6035 22 12.0495 22 13.9998C22 17.7711 22 19.6567 20.8284 20.8283C19.6569 21.9998 17.7712 21.9998 14 21.9998H10C6.22876 21.9998 4.34315 21.9998 3.17157 20.8283C2 19.6567 2 17.7711 2 13.9998Z" opacity=".5"/></g></svg>

Case Round Minimalistic Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:case-round-minimalistic-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:case-round-minimalistic-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:case-round-minimalistic-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--case-round-minimalistic-bold-duotone]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:case-round-minimalistic-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/case-round-minimalistic-bold-duotone.svg" alt="Case Round Minimalistic Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Case Round Minimalistic Bold Duotone アイコンのよくある質問

Case Round Minimalistic Bold Duotone アイコンは商用利用でも無料ですか?

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

React で Case Round Minimalistic Bold Duotone アイコンを使うには?

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

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

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

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