Screen Record ikonu

material-symbols:screen-record

Screen Record ikonu (material-symbols:screen-record), 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: Android
Etiketler: screenrecord, screen record outline, screen record sharp, screen record 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="M3.95 17.95q-.925-1.25-1.437-2.762T2 12t.5-3.175t1.425-2.75L5.375 7.5q-.65.95-1.012 2.087T4 12t.363 2.425t1.012 2.1zM12 22q-1.675 0-3.175-.5t-2.75-1.425l1.425-1.45q.95.65 2.087 1.013T12 20t2.413-.363t2.087-1.012l1.425 1.45q-1.25.925-2.75 1.425T12 22m8.05-4.05l-1.425-1.425q.65-.95 1.013-2.1T20 12t-.363-2.413T18.626 7.5l1.45-1.425Q21 7.325 21.5 8.825T22 12t-.513 3.188t-1.437 2.762M7.475 5.375L6.05 3.95q1.25-.925 2.763-1.437T12 2q1.7 0 3.2.513t2.75 1.437l-1.425 1.425q-.95-.65-2.1-1.012T12 4t-2.425.363t-2.1 1.012M12 17q-2.075 0-3.537-1.463T7 12t1.463-3.537T12 7t3.538 1.463T17 12t-1.463 3.538T12 17"/></svg>

Screen Record ikonu nasıl kullanılır

React

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

<Icon icon="material-symbols:screen-record" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:screen-record" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:screen-record" width="24" />

Tailwind CSS

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

UnoCSS

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

HTML görseli

<img src="https://iconyz.com/api/public/svg/material-symbols/screen-record.svg" alt="Screen Record ikonu" width="24" height="24">

Material Symbols setindeki benzer ikonlar

Diğer ikon setlerinde Screen Record ikonu

Screen Record ikonu: sık sorulan sorular

Screen Record 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.

Screen Record ikonunu React'te nasıl kullanırım?

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

Screen Record 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/screen-record.svg" alt="Screen Record 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ı →