Container Bold アイコン
solar:container-bold
Container Bold アイコン(solar:container-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
- タグ
- containerbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.04492 13.3857V20.7715C8.52764 20.6119 7.92335 20.2994 7.02148 19.8262L5.47168 19.0127C3.80435 18.1377 2.97079 17.7002 2.50781 16.9141C2.04489 16.1279 2.04492 15.1497 2.04492 13.1934V13.1025C2.04492 11.6747 2.04472 10.7676 2.22461 10.0762L9.04492 13.3857Z"/><path fill-rule="evenodd" d="M21.8193 7.78223C21.999 8.47354 22 9.38032 22 10.8076V10.8984C22 12.8547 22 13.833 21.5371 14.6191C21.0743 15.4051 20.2406 15.8423 18.5742 16.7168L18.5732 16.7178L14.1162 19.0127L12.5664 19.8262C11.6653 20.299 11.0617 20.6118 10.5449 20.7715V13.3818L21.8193 7.78223ZM12.8389 12.9189C12.4247 12.9189 12.089 13.2548 12.0889 13.6689V17.5576C12.0889 17.9718 12.4247 18.3076 12.8389 18.3076C13.2528 18.3074 13.5888 17.9716 13.5889 17.5576V13.6689C13.5887 13.255 13.2528 12.9192 12.8389 12.9189ZM15.7998 11.4443C15.3858 11.4443 15.0501 11.7803 15.0498 12.1943V16.083C15.0498 16.4972 15.3856 16.833 15.7998 16.833C16.2138 16.8327 16.5498 16.4971 16.5498 16.083V12.1943C16.5495 11.7805 16.2136 11.4446 15.7998 11.4443ZM18.9463 9.86719C18.5322 9.86719 18.1964 10.2031 18.1963 10.6172V14.5059C18.1964 14.92 18.5321 15.2559 18.9463 15.2559C19.3602 15.2556 19.6962 14.9199 19.6963 14.5059V10.6172C19.6962 10.2032 19.3602 9.86745 18.9463 9.86719Z" clip-rule="evenodd"/><path d="M14.25 3.10254C14.9818 3.10254 15.6629 3.45985 17.0234 4.17383L18.5732 4.9873C19.7731 5.61698 20.5409 6.02066 21.0498 6.49023L9.79004 12.0811L2.99609 8.7832C3.5051 8.31432 4.27305 7.91124 5.47168 7.28223L7.02148 6.46875L11.4775 4.17383C12.8378 3.45998 13.5184 3.10267 14.25 3.10254Z"/></g></svg>Container Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:container-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:container-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:container-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--container-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:container-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:container-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/container-bold.svg" alt="Container Bold アイコン" width="24" height="24">Solar の関連アイコン
Container Bold アイコン のよくある質問
Container Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Container Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:container-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Container Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/container-bold.svg" alt="Container Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。