ICONYZ
Türkçe
Material Symbols Light setinden Chronic Outline ikonu

Chronic Outline ikonu

material-symbols-light:chronic-outline

Chronic Outline ikonu (material-symbols-light:chronic-outline), Material Symbols Light setinden ücretsiz bir SVG ikondur (yapımcı: Google). 24 × 24 ızgara üzerinde çizilmiştir. Material Symbols Light 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 Light
Yazar
Google
Lisans
Apache-2.0
Boyut
24 × 24
Kategori
Arayüz eylemleri
Etiketler
chronicoutline, chronic outline sharp
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="m13 13.708l.708-.708l-2.208-2.208V6.5h-1v4.708zm-2.8 4.22q.323-.834 1.057-1.381Q11.99 16 12.95 16h2.896q1.004-.927 1.579-2.218T18 11q0-2.925-2.037-4.962T11 4T6.038 6.038T4 11q0 2.72 1.79 4.678q1.789 1.959 4.41 2.25M13 22q-1.277 0-2.146-.913t-.817-2.153q-2.973-.361-5.005-2.609T3 11q0-3.333 2.332-5.667T10.996 3t5.667 2.333Q19 7.667 19 11q0 1.44-.497 2.713q-.497 1.272-1.351 2.287h1.904q1.237 0 2.09.881T22 19t-.881 2.119T19 22zm0-1h6q.825 0 1.413-.587T21 19t-.587-1.412T19 17h-6q-.825 0-1.412.588T11 19t.588 1.413T13 21m-.52-1.48q-.21-.209-.21-.52t.21-.52q.209-.21.52-.21t.52.21q.21.209.21.52t-.21.52q-.209.21-.52.21t-.52-.21m3 0q-.21-.209-.21-.52t.21-.52q.209-.21.52-.21t.52.21q.21.209.21.52t-.21.52q-.209.21-.52.21t-.52-.21m3 0q-.21-.209-.21-.52t.21-.52q.209-.21.52-.21t.52.21q.21.209.21.52t-.21.52q-.209.21-.52.21t-.52-.21"/></svg>

Chronic Outline ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:chronic-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-light:chronic-outline"></iconify-icon>

HTML görseli

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

Material Symbols Light setindeki benzer ikonlar

Diğer ikon setlerinde Chronic Outline ikonu

Chronic Outline ikonu: sık sorulan sorular

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

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

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

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

Chronic 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-light/chronic-outline.svg" alt="Chronic 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 Light ikonları →