Weight Outline ikonu

cuida:weight-outline

Weight Outline ikonu (cuida:weight-outline), Cuida Icons setinden ücretsiz bir SVG ikondur (yapımcı: Sysvale). 24 × 24 ızgara üzerinde çizilmiştir. Cuida Icons, Apache 2.0 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: Cuida Icons
Yazar: Sysvale
Lisans: Apache-2.0
Boyut: 24 × 24
Etiketler: weightoutline

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7 6h1a2.5 2.5 0 0 1 2.5 2.5v8A2.5 2.5 0 0 1 8 19H7a2.5 2.5 0 0 1-2.5-2.5v-8A2.5 2.5 0 0 1 7 6m1.5 2.5v8a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5v-8A.5.5 0 0 1 7 8h1a.5.5 0 0 1 .5.5M17 6h-1a2.5 2.5 0 0 0-2.5 2.5v8A2.5 2.5 0 0 0 16 19h1a2.5 2.5 0 0 0 2.5-2.5v-8A2.5 2.5 0 0 0 17 6m-1.5 2.5v8a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-8A.5.5 0 0 0 17 8h-1a.5.5 0 0 0-.5.5" clip-rule="evenodd"/><path fill="currentColor" d="M9 13h6v2H9zm0-3h6v2H9z"/><path fill="currentColor" fill-rule="evenodd" d="M19.877 11.003a20 20 0 0 0-.469-.003H19a1 1 0 1 1 0-2h.458c.33 0 .668 0 .95.037c.326.044.722.152 1.055.48l.005.006l.015.014c.328.333.436.729.48 1.054c.037.283.037.622.037.952v1.915c0 .33 0 .668-.038.951c-.043.325-.151.72-.48 1.054l-.005.005l-.014.015c-.333.328-.729.436-1.054.48a8 8 0 0 1-.952.037H19a1 1 0 1 1 0-2h.408a20 20 0 0 0 .584-.008l.005-.116c.003-.128.003-.278.003-.468v-1.816a20 20 0 0 0-.008-.585zm-15.754 0C4.252 11 4.402 11 4.592 11H5a1 1 0 1 0 0-2h-.458c-.33 0-.668 0-.951.037c-.325.044-.72.152-1.054.48l-.005.006l-.015.014c-.328.333-.436.729-.48 1.054a8 8 0 0 0-.037.952v1.915c0 .33 0 .668.037.951c.044.325.152.72.48 1.054l.006.005l.014.015c.333.328.729.436 1.054.48c.283.037.622.037.952.037H5a1 1 0 1 0 0-2h-.408a20 20 0 0 1-.585-.008A20 20 0 0 1 4 13.407v-1.815a20 20 0 0 1 .007-.585z" clip-rule="evenodd"/></svg>

Weight Outline ikonu nasıl kullanılır

React

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

<Icon icon="cuida:weight-outline" width="24" />

Vue

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

<template>
  <Icon icon="cuida:weight-outline" width="24" />
</template>

Svelte

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

<Icon icon="cuida:weight-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cuida--weight-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cuida -->
<div class="i-cuida:weight-outline"></div>

Web bileşeni

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

<iconify-icon icon="cuida:weight-outline"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/cuida/weight-outline.svg" alt="Weight Outline ikonu" width="24" height="24">

Diğer ikon setlerinde Weight Outline ikonu

Weight Outline ikonu: sık sorulan sorular

Weight Outline ikonu ticari kullanım için ücretsiz mi?

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

Weight Outline ikonunu React'te nasıl kullanırım?

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

Weight Outline 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/cuida/weight-outline.svg" alt="Weight Outline ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

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