Case Upper ikonu

hugeicons:case-upper

Case Upper ikonu (hugeicons:case-upper), Huge Icons setinden ücretsiz bir SVG ikondur (yapımcı: Hugeicons). 24 × 24 ızgara üzerinde çizilmiştir. Huge Icons, MIT lisansı ile yayınlanır. Bu lisans 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: Huge Icons
Yazar: Hugeicons
Lisans: MIT
Boyut: 24 × 24
Etiketler: caseupper

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.5 7h-2c-.466 0-.699 0-.883.076a1 1 0 0 0-.54.541C15 7.801 15 8.034 15 8.5V12h3.5a2.5 2.5 0 0 0 0-5m1 5H15v3.6c0 .372 0 .558.049.709a1 1 0 0 0 .642.642c.15.049.337.049.709.049h3.1a2.5 2.5 0 0 0 0-5"/><path fill="currentColor" d="m4.627 10.099l.701.267zM1.3 16.733a.75.75 0 1 0 1.402.534L2 17zm9 .534a.75.75 0 1 0 1.402-.534L11 17zm-1.926-7.168l-.701.267zM3.5 13.25a.75.75 0 0 0 0 1.5zm6 1.5a.75.75 0 0 0 0-1.5zm-4.873-4.651l-.7-.267l-2.628 6.901L2 17l.7.267l2.628-6.901zM11 17l.7-.267l-2.626-6.901l-.701.267l-.701.267l2.627 6.9zm-6.373-6.901l.701.267c.402-1.057.676-1.771.928-2.23c.273-.497.354-.386.244-.386v-1.5c-.803 0-1.265.628-1.559 1.164c-.314.573-.63 1.408-1.015 2.418zm3.746 0l.7-.267c-.384-1.01-.7-1.845-1.014-2.418C7.765 6.878 7.303 6.25 6.5 6.25v1.5c-.11 0-.029-.111.244.385c.252.46.526 1.174.928 2.23zM3.5 14v.75h6v-1.5h-6z"/></g></svg>

Case Upper ikonu nasıl kullanılır

React

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

<Icon icon="hugeicons:case-upper" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:case-upper" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:case-upper" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--case-upper]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:case-upper"></div>

Web bileşeni

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

<iconify-icon icon="hugeicons:case-upper"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/hugeicons/case-upper.svg" alt="Case Upper ikonu" width="24" height="24">

Huge Icons setindeki benzer ikonlar

Diğer ikon setlerinde Case Upper ikonu

Case Upper ikonu: sık sorulan sorular

Case Upper ikonu ticari kullanım için ücretsiz mi?

Evet. Huge Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Case Upper ikonunu React'te nasıl kullanırım?

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

Case Upper 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/hugeicons/case-upper.svg" alt="Case Upper ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Huge Icons →