Container Bold ikonu

solar:container-bold

Container Bold ikonu (solar:container-bold), Solar setinden ücretsiz bir SVG ikondur (yapımcı: 480 Design). 24 × 24 ızgara üzerinde çizilmiştir. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Solar
Yazar: 480 Design
Lisans: CC-BY-4.0
Boyut: 24 × 24
Etiketler: containerbold

SVG indir

SVG kodu

<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 ikonu nasıl kullanılır

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 bileşeni

<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 görseli

<img src="https://iconyz.com/api/public/svg/solar/container-bold.svg" alt="Container Bold ikonu" width="24" height="24">

Solar setindeki benzer ikonlar

Container Bold ikonu: sık sorulan sorular

Container Bold ikonu ticari kullanım için ücretsiz mi?

Evet. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Container Bold ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="solar:container-bold" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Container Bold ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/solar/container-bold.svg" alt="Container Bold ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Solar ikonları →