ICONYZ
Türkçe
Material Symbols setinden Weekend Outline ikonu

Weekend Outline ikonu

material-symbols:weekend-outline

Weekend Outline ikonu (material-symbols:weekend-outline), Material Symbols setinden ücretsiz bir SVG ikondur (yapımcı: Google). 24 × 24 ızgara üzerinde çizilmiştir. Material Symbols 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
Material Symbols
Yazar
Google
Lisans
Apache-2.0
Boyut
24 × 24
Kategori
Ev eşyaları
Etiketler
chair, couch, furniture, home, living, lounge, relax, room, weekend, content, weekendoutline, weekend outline rounded
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 7q0-1.25.875-2.125T7 4h10q1.25 0 2.125.875T20 7v2q1.25 0 2.125.875T23 12v5q0 1.25-.875 2.125T20 20H4q-1.25 0-2.125-.875T1 17v-5q0-1.25.875-2.125T4 9zm2 0v2.8q.45.425.725.975T7 12v2h10v-2q0-.675.275-1.225T18 9.8V7q0-.425-.288-.712T17 6H7q-.425 0-.712.288T6 7m13 9H5v-4q0-.2-.075-.387t-.213-.325t-.325-.213T4 11q-.425 0-.713.288T3 12v5q0 .425.288.713T4 18h16q.425 0 .713-.288T21 17v-5q0-.425-.288-.712T20 11q-.2 0-.387.075t-.325.213t-.213.324T19 12zm-7-2"/></svg>

Weekend Outline ikonu nasıl kullanılır

React

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

<Icon icon="material-symbols:weekend-outline" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:weekend-outline" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:weekend-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--weekend-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:weekend-outline"></div>

Web bileşeni

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

<iconify-icon icon="material-symbols:weekend-outline"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/material-symbols/weekend-outline.svg" alt="Weekend Outline ikonu" width="24" height="24">

Material Symbols setindeki benzer ikonlar

Diğer ikon setlerinde Weekend Outline ikonu

Weekend Outline ikonu: sık sorulan sorular

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

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

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

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

Weekend 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/material-symbols/weekend-outline.svg" alt="Weekend 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: Material Symbols ikonları →