Openreads Dark ikonu
selfhst:openreads-dark
Openreads Dark ikonu (selfhst:openreads-dark), selfh.st/icons setinden ücretsiz bir SVG ikondur (yapımcı: selfh.st). 512 × 512 ızgara üzerinde çizilmiştir. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla 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
- selfh.st/icons
- Yazar
- selfh.st
- Lisans
- CC-BY-4.0
- Boyut
- 512 × 512
- Etiketler
- openreadsdark, openread
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M459 38.6h-40.5v42.3h8.3c3.4 0 6.1 2.7 6.1 6.1s-2.7 6.1-6.1 6.1h-8.3v24.4h8.3c3 .2 5.4 2.6 5.6 5.6c.3 3.3-2.2 6.3-5.6 6.5h-8.3V154h8.3c3.1.2 5.6 2.7 5.8 5.8c.2 3.4-2.4 6.2-5.8 6.4h-8.3v24.4h8.3c3.4 0 6.1 2.7 6.1 6.1s-2.7 6.1-6.1 6.1h-8.3v24.4h8.3c3.1.2 5.6 2.7 5.8 5.8c.2 3.4-2.4 6.2-5.8 6.4h-8.3v24.4h8.3c3.4 0 6.1 2.7 6.1 6.1s-2.7 6.1-6.1 6.1h-8.3v33c.1 1.7-.5 3.4-1.7 4.7c-1.2 1.4-2.9 2.2-4.8 2.3h-.2c-1.1 0-2.2-.2-3.2-.7l-.4-.2l-15.5-13.3c-.7-.6-1.7-1-2.9-.9c-1 .1-1.8.5-2.4 1l-.1.1l-15.2 13l-.4.2c-1.6.8-3.4 1-5.1.5s-3.2-1.7-4-3.2l-.1-.1c-.5-.9-.7-2-.7-3.2V276h-69.1c-3.4 0-6.1-2.7-6.1-6.1s2.7-6.1 6.1-6.1h69.1v-24.4h-69.7c-3.4-.2-6-3-5.8-6.4s3-6 6.4-5.8h69.1v-24.4h-69.1c-3.4 0-6.1-2.7-6.1-6.1s2.7-6.1 6.1-6.1h69.1v-24.4h-69.1c-3.1-.2-5.6-2.7-5.8-5.8c-.2-3.4 2.4-6.2 5.8-6.4h69.1v-24.4h-70c-3.3-.2-5.8-3.1-5.6-6.5c.2-3.3 3.1-5.8 6.5-5.6h69.1V93.1h-69.1c-3.1-.2-5.6-2.7-5.8-5.8c-.2-3.4 2.4-6.2 5.8-6.4h69.1V38.6h-80.9c-4.9.1-9.6 1.6-13.6 4.3c-6.5 4.4-15.1 4.4-21.6 0c-4-2.8-8.8-4.2-13.6-4.2c0 0-177.7-.1-178.6-.3c-9.6 1.2-16.9 9.4-16.9 19.1v339.3c0 10.6 8.6 19.3 19.3 19.3h175.7c4.9-.1 9.6 1.4 13.6 4.1c6.5 4.4 15.1 4.4 21.6 0c4-2.7 8.8-4.1 13.6-4.1h175.7c10.6 0 19.3-8.6 19.3-19.3V57.5c0-9.5-7-17.5-16.4-18.9M165.8 80.9h53.6c3.4 0 6.1 2.7 6.1 6.1s-2.7 6.1-6.1 6.1h-53.6c-3.1-.2-5.6-2.7-5.8-5.8c-.2-3.4 2.4-6.2 5.8-6.4m60.1 43.1c-.2 3.3-3.1 5.8-6.5 5.6h-53.6c-3-.2-5.4-2.6-5.6-5.6c-.3-3.3 2.2-6.3 5.6-6.5h54.5c3.3.2 5.8 3.1 5.6 6.5m-60.1 30h53.6c3.1.2 5.6 2.7 5.8 5.8c.2 3.4-2.4 6.2-5.8 6.4h-53.6c-3.1-.2-5.6-2.7-5.8-5.8c-.2-3.4 2.4-6.2 5.8-6.4M81.4 82.7c0-6.6 5.4-12 12-12h32.7c6.6 0 12 5.4 12 12V152c0 6.7-5.4 12.1-12 12.1H93.4c-6.6-.1-11.9-5.4-12-11.9zm4 107.9h134.1c3.4 0 6.1 2.7 6.1 6.1s-2.7 6.1-6.1 6.1H85.4c-3.4 0-6.1-2.7-6.1-6.1s2.7-6.1 6.1-6.1M79 233c.2-3.4 3-6 6.4-5.8h134.7c3.4.2 6 3 5.8 6.4s-3 6-6.4 5.8H84.8c-3.4-.2-6-3-5.8-6.4m146.6 36.9c0 3.4-2.7 6.1-6.1 6.1H85.4c-3.4 0-6.1-2.7-6.1-6.1s2.7-6.1 6.1-6.1h134.1c3.4 0 6.1 2.7 6.1 6.1M79 306.1c.2-3.4 3-6 6.4-5.8h134.7c3.4.2 6 3 5.8 6.4s-3 6-6.4 5.8H84.8c-3.4-.2-6-3-5.8-6.4m140.5 79.5H85.4c-3.4 0-6.1-2.7-6.1-6.1s2.7-6.1 6.1-6.1h134.1c3.4 0 6.1 2.7 6.1 6.1s-2.7 6.1-6.1 6.1m6.5-42.3c-.2 3.3-3.1 5.8-6.5 5.6h-135c-3.3-.2-5.8-3.1-5.6-6.5c.2-3.3 3.1-5.8 6.5-5.6h135c3.3.2 5.8 3.1 5.6 6.5m66.7-43.6h60.7c7.7 0 7.7 12 0 12h-60.7c-7.7 0-7.7-12 0-12m-6.5 42.7c.2-3.3 3.1-5.8 6.5-5.6h134.1c3 .2 5.4 2.6 5.6 5.6c.3 3.3-2.2 6.3-5.6 6.5h-135c-3.3-.2-5.8-3.1-5.6-6.5m140.6 43.2H292.7c-3.4 0-6.1-2.7-6.1-6.1s2.7-6.1 6.1-6.1h134.1c3.4 0 6.1 2.7 6.1 6.1s-2.7 6.1-6.1 6.1M126.1 78.7H93.4c-2.2 0-4 1.8-4 4V152c.1 2.2 1.9 4 4.1 4.1h32.6c2.2 0 4-1.9 4-4.1V82.7c0-2.2-1.8-4-4-4m263 214.1h.9c3 0 5.8 1 8 2.9l12.6 10.8V35.3c0-1-.3-1.9-1-2.6s-1.6-1.1-2.6-1.1h-33.5c-2 0-3.6 1.7-3.6 3.7v271l12.3-10.4c1.7-1.7 4.2-2.8 6.9-3.1M492.7 86.9h-12.3v309.9c0 5.5-1.9 10.6-5 14.7v10.9c-.8 10.2-9.4 18.1-19.6 18.1H280.5c-4.7 0-9.4 1.4-13.3 4c-6.7 4.4-15.4 4.4-22.1 0c-4-2.6-8.6-4-13.3-4H56.3c-10.9 0-19.7-8.8-19.7-19.7v-9.3c-3.1-4.1-5-9.2-5-14.7V86.9H19.3C8.7 86.9 0 95.5 0 106.2v351.6c0 10.7 8.7 19.3 19.3 19.3h215c3.9.5 7.5 1.8 10.7 4c6.5 4.4 15.1 4.4 21.6 0c3.2-2.2 6.9-3.6 10.7-4h215.4c10.6 0 19.3-8.6 19.3-19.3V106.2c0-10.6-8.6-19.3-19.3-19.3"/></svg>Openreads Dark ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:openreads-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:openreads-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:openreads-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--openreads-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:openreads-dark"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:openreads-dark"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/openreads-dark.svg" alt="Openreads Dark ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Openreads Dark ikonu: sık sorulan sorular
Openreads Dark ikonu ticari kullanım için ücretsiz mi?
Evet. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.
Openreads Dark ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:openreads-dark" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Openreads Dark 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/selfhst/openreads-dark.svg" alt="Openreads Dark ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.