Homescreen Hero Dark ikonu
selfhst:homescreen-hero-dark
Homescreen Hero Dark ikonu (selfhst:homescreen-hero-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
- homescreenhero, herodark, homescreenherodark
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M220.1 115.8c-5 2.6-9.8 5.5-14.4 8.8l-5.2 3.9c-1.6 1.4-3.4 2.9-5 4.2c-1 .9-3.8 3.5-4.8 4.5c-1.1 1.1-3.5 3.6-4.6 4.7c-2.2.2-4.3.7-6.2 1.5c.1-.2.3-.4.4-.5l2.7-3.7c1-1.3 3.3-4.1 4.3-5.3c1-1.1 3.6-3.9 4.6-5c4.7-4.8 9.9-9.2 15.4-13.1zm238.7 0h-223c-6 5.9-11.4 12.8-16 20.9c-1 1.7-1.9 3.4-2.8 5.1h225c12.7 0 23 10.3 23 23v139.7c0 12.7-10.3 23-23 23H188.4c-12.7 0-23-10.3-23-23v-15.1c-5.5 8-12.1 15.1-20.1 20.9c-1.3.9-2.5 1.8-3.8 2.6v36c0 16.6 13.4 30 30 30h287.2c16.6 0 30-13.4 30-30V145.8c.1-16.6-13.4-30-29.9-30" opacity=".6"/><path d="M365.6 291.5v-41.4c0-4.2 3.4-7.6 7.6-7.6h54.2c4.2 0 7.6 3.4 7.6 7.6v41.4c0 4.2-3.4 7.6-7.6 7.6h-54.2c-4.2 0-7.6-3.4-7.6-7.6m7.6-62.1h54.2c4.2 0 7.6-3.4 7.6-7.6v-41.4c0-4.2-3.4-7.6-7.6-7.6h-54.2c-4.2 0-7.6 3.4-7.6 7.6v41.4c0 4.2 3.4 7.6 7.6 7.6m75.1 118.8c-6.2 0-11.2 5-11.2 11.2s5 11.2 11.2 11.2s11.2-5 11.2-11.2s-5-11.2-11.2-11.2M512 145.8V349c0 29.3-23.9 53.2-53.2 53.2h-3.5l11.6 23.6c2.3 4.7-1.1 10.2-6.4 10.2h-23.7c-3.1 0-6-1.5-7.7-4.1l-19.9-29.7H221.1L201.2 432c-1.7 2.6-4.6 4.1-7.7 4.1h-23.7c-5.2 0-8.7-5.5-6.4-10.2l11.6-23.6h-3.5c-29.3 0-53.2-23.9-53.2-53.2V338c-1.2.1-2.4.1-3.6.1c-3.4 0-6.8-.3-10.3-1c-14.6-2.8-27.5-10.8-41.1-19.2c-16.7-10.4-33.9-21.1-56.2-23.5c-3.7-.4-6.7-3.4-7.1-7.2c-.3-3.8 2-7.3 5.7-8.4c73.1-21.7 86.7-61.7 107.2-122.4l.3-.8c11.2-33.1 37.9-60.2 71.3-72.5c33.3-12.3 69.1-8.9 101.1 9.5h173.2c29.3 0 53.2 23.9 53.2 53.2M118.3 321.9c5.1-.5 10.4-2 16-4.8c0 0 .1 0 .1-.1c.7-.3 1.3-.7 2-1l.6-.3c.7-.4 1.4-.8 2-1.2c.2-.1.4-.2.7-.4c.7-.4 1.4-.9 2.1-1.3c.2-.1.4-.3.7-.4c.9-.6 1.8-1.3 2.8-1.9c1-.8 2.1-1.5 3-2.3c.3-.2.6-.5.9-.7l2.1-1.8c.3-.3.6-.6.9-.8c.7-.6 1.3-1.2 1.9-1.8c.3-.3.6-.5.8-.8l2-2c.1-.2.3-.3.5-.5c6.4-7 11.6-14.9 16-23.6v-.1c.6-1.1 1.1-2.3 1.7-3.4c.2-.4.4-.8.5-1.1c.4-.8.7-1.6 1.1-2.5c.2-.4.4-.9.6-1.3c.3-.8.7-1.6 1-2.3c.2-.5.4-.9.6-1.4c.3-.8.7-1.6 1-2.5c.2-.4.3-.8.5-1.3c.4-1 .8-2.1 1.1-3.1c.1-.2.2-.4.2-.7c.5-1.3.9-2.5 1.3-3.8c.1-.4.2-.7.4-1.1c.3-.9.6-1.9.9-2.8c.2-.5.3-.9.4-1.4c.3-.8.5-1.7.8-2.5c.2-.5.3-1 .5-1.5c.3-.9.5-1.7.8-2.6c.1-.5.3-.9.4-1.4c.3-1 .6-1.9.8-2.9c.1-.4.2-.7.3-1.1c.4-1.3.7-2.7 1.1-4c.1-.3.2-.6.2-.9c.3-1.1.6-2.1.8-3.2c.1-.5.2-1 .4-1.4c.2-.9.5-1.8.7-2.6c.1-.5.3-1 .4-1.6c.2-.9.4-1.7.7-2.6c.1-.5.2-1 .4-1.5c.2-1 .5-1.9.7-2.9l.3-1.2c.3-1.3.6-2.6 1-3.9c3-12.4 6.1-25 9.9-37c1.2-3.7 2.4-7.4 3.7-11c.1-.4.3-.7.4-1.1c.5-1.4 1.1-2.8 1.6-4.2c.2-.4.3-.9.5-1.3c.6-1.5 1.2-2.9 1.8-4.3q3.15-7.2 6.9-13.8c.6-1 1.1-1.9 1.7-2.9c.8-1.3 1.6-2.5 2.4-3.7c0 0 0-.1.1-.1c.8-1.2 1.6-2.3 2.4-3.4c.1-.1.2-.2.2-.3c1.6-2.2 3.4-4.3 5.1-6.3l.3-.3c.9-1 1.8-1.9 2.7-2.8l.2-.2c.9-.9 1.8-1.7 2.7-2.6l.2-.2c.9-.8 1.9-1.7 2.8-2.5c.2-.1.3-.3.5-.4c1-.8 2-1.6 3-2.3c1.3-1 2.7-1.9 4.1-2.9c-3.6.8-7.2 1.7-10.7 2.9c-1.4.4-2.8.9-4.2 1.4c-.1 0-.1.1-.2.1c-2.7 1-5.4 2.1-8 3.2c-.1.1-.3.1-.4.2c-1.3.6-2.5 1.2-3.7 1.8h-.1c-1.2.6-2.4 1.3-3.7 1.9c-.2.1-.4.2-.7.4c-1.2.6-2.3 1.3-3.4 2c0 0-.1 0-.1.1c-1.1.7-2.3 1.4-3.4 2.1c-.3.2-.5.3-.8.5c-1.1.7-2.2 1.5-3.3 2.3l-5.2 3.9c-1.6 1.4-3.4 2.9-5 4.2l-.5.5l-.1.1c-.2.1-.3.3-.5.5c-1.3 1.2-3 2.7-3.7 3.4c-1.1 1.1-3.5 3.6-4.6 4.7c-3.9 4.3-7.8 8.9-11.3 13.6c-2.6 3.4-5.3 7.4-7.7 10.9c1.2-2.7 2.5-5.4 3.8-8.1c1.3-2.4 3-5.6 4.4-7.8c1.6-2.5 3.1-5.1 5-7.5l2.7-3.7c1-1.3 3.3-4.1 4.3-5.3l.3-.3l.3-.3l.2-.2c.1-.1.2-.3.4-.4l.2-.2l.4-.4l.3-.3c.1-.1.2-.3.4-.4c.1-.1.2-.2.3-.4l.3-.3l.3-.3c.1-.1.2-.2.3-.4c.2-.2.3-.3.4-.5l.1-.1l.5-.5c6.4-6.5 13.5-12.3 21.4-17.1c.8-.5 1.7-1 2.6-1.5c.2-.1.4-.2.5-.3c.9-.5 1.7-1 2.6-1.4c3.5-1.9 7.1-3.5 10.7-4.9c8.5-3.4 17.5-5.7 26.5-6.8c-6.6-2.1-13.2-3.6-19.9-4.3h.1h-.3c-.5-.1-1-.1-1.4-.1c-.8-.1-1.5-.1-2.3-.2c-.5 0-1-.1-1.4-.1c-1.1-.1-2.3-.1-3.4-.2h-5.1c-1 0-2 .1-2.9.1h-.7l-3.6.3c-.3 0-.7.1-1 .1c-.5.1-.9.1-1.4.1h.2c-7.7.9-15.3 2.7-22.8 5.5c-28.9 10.7-52 34.1-61.7 62.6l-.3.8c-3.3 9.7-6.4 19-9.8 28c-1.4 3.8-2.9 7.5-4.4 11.2c0 .1-.1.1-.1.2c-1 2.4-2 4.8-3 7.1c0 .1-.1.1-.1.2c-.5 1.1-1 2.3-1.5 3.4c0 .1-.1.2-.1.3c-1 2.2-2.1 4.5-3.2 6.7c-.1.1-.1.2-.2.3c-.5 1.1-1.1 2.1-1.7 3.2c0 .1-.1.2-.1.3c-1.1 2.1-2.3 4.2-3.5 6.3c-.1.1-.2.3-.2.4l-1.8 3c0 .1-.1.1-.1.2c-.6 1-1.2 2-1.9 2.9c0 .1-.1.1-.1.2c-.6 1-1.3 1.9-2 2.9c-.1.1-.2.3-.3.4c-.7 1-1.4 1.9-2.1 2.8l-.1.1l-2.1 2.7l-.3.3c-.7.9-1.4 1.8-2.2 2.7c-.1.1-.2.3-.4.4c-1.5 1.8-3.1 3.6-4.7 5.3l-.4.4c-.8.8-1.6 1.7-2.4 2.5l-.4.4c-.8.8-1.7 1.7-2.6 2.5l-.1.1l-2.7 2.4c-.2.1-.3.3-.5.4c-.9.8-1.8 1.6-2.8 2.3c-.1.1-.3.2-.4.3c-.9.7-1.8 1.5-2.8 2.2c-.1.1-.2.1-.3.2c-1 .7-2 1.5-3 2.2c-.2.1-.4.3-.6.4c-1 .7-2.1 1.4-3.1 2.1c-.1.1-.3.2-.4.3c-1 .7-2 1.3-3.1 2c-.2.1-.3.2-.5.3c-1.1.7-2.2 1.3-3.3 2c-.2.1-.5.3-.7.4c-1.2.7-2.3 1.3-3.5 2c-.1.1-.2.1-.3.2c-1.1.6-2.3 1.2-3.5 1.8c-.2.1-.5.2-.7.3c-1.2.6-2.5 1.2-3.7 1.8c-.3.1-.5.2-.8.4c-1.3.6-2.7 1.2-4 1.8c13.6 5.2 25.4 12.5 36.3 19.2c.7.4 1.3.8 2 1.2c.2.1.4.2.6.4c.7.4 1.4.9 2.1 1.3c.1 0 .1.1.2.1c.6.4 1.2.8 1.9 1.1l.6.3c.7.4 1.3.8 2 1.2c.1.1.2.1.3.2c.6.3 1.1.7 1.7 1l.6.3c.6.4 1.3.7 1.9 1.1c.1.1.3.1.4.2c.5.3 1 .6 1.6.9l.6.3c.6.3 1.2.7 1.8 1c.1.1.3.2.4.2c.5.3 1 .5 1.5.7l.6.3c.6.3 1.2.6 1.8.8c.2.1.3.1.5.2c.5.2.9.4 1.4.6c.2.1.4.2.6.2c.6.2 1.2.5 1.8.7c.2.1.4.1.5.2c.5.2.9.3 1.4.5c.2.1.4.1.6.2c.6.2 1.2.4 1.7.5c.2.1.4.1.6.2c.5.1.9.3 1.4.4c.2 0 .4.1.6.1c.6.1 1.2.3 1.8.4c.2 0 .4.1.6.1c.5.1.9.2 1.4.2c.2 0 .4.1.6.1c.6.1 1.2.1 1.8.2h.6c.5 0 1 .1 1.4.1h2.9c.5 0 1 0 1.5-.1c-.3.2-.1.2.1.2m77-30.4v-25.6c-5.5 14.5-12.4 28-21.9 39.7v1.1c0 7.1 5.8 12.9 12.9 12.9h257.8c7.1 0 12.9-5.8 12.9-12.9v-144c0-7.1-5.8-12.9-12.9-12.9H230.7c-3.6 7.1-6.6 14.8-9.3 23h35.7c4.2 0 7.6 3.4 7.6 7.6v41.4c0 4.2-3.4 7.6-7.6 7.6h-50.7c-1.1 4.4-2.3 8.8-3.5 13.2h54.2c4.2 0 7.6 3.4 7.6 7.6v41.4c0 4.2-3.4 7.6-7.6 7.6h-54.2c-4.2-.1-7.6-3.5-7.6-7.7M496 145.8c0-20.5-16.7-37.2-37.2-37.2H284.2c-19.6 3.7-33.3 12.7-43.3 25.2h203.2c15.9 0 28.9 13 28.9 28.9v144c0 15.9-13 28.9-28.9 28.9H186.3c-11.5 0-21.4-6.7-26.1-16.5c-1.8 1.5-3.6 2.9-5.5 4.3c-6.9 5-13.6 8.7-20.4 11.1V349c0 20.5 16.7 37.2 37.2 37.2h287.2c20.5 0 37.2-16.7 37.2-37.2V145.8zm-208 83.6h54.2c4.2 0 7.6-3.4 7.6-7.6v-41.4c0-4.2-3.4-7.6-7.6-7.6H288c-4.2 0-7.6 3.4-7.6 7.6v41.4c.1 4.2 3.5 7.6 7.6 7.6m0 69.7h54.2c4.2 0 7.6-3.4 7.6-7.6v-41.4c0-4.2-3.4-7.6-7.6-7.6H288c-4.2 0-7.6 3.4-7.6 7.6v41.4c.1 4.2 3.5 7.6 7.6 7.6"/><path d="M200.5 128.6c-1.6 1.4-3.4 2.9-5 4.2c-1 .9-3.8 3.5-4.8 4.5c-1.1 1.1-3.5 3.6-4.6 4.7c-3.9 4.3-7.8 8.9-11.3 13.6c-2.6 3.4-5.3 7.4-7.7 10.9c1.2-2.7 2.5-5.4 3.8-8.1c1.3-2.4 3-5.6 4.4-7.8c1.6-2.5 3.1-5.1 5-7.5l2.7-3.7c1-1.3 3.3-4.1 4.3-5.3c1-1.1 3.6-3.9 4.6-5c6.4-6.5 13.5-12.3 21.4-17.1c5.1-3.2 10.8-6 16.4-8.2c8.5-3.4 17.5-5.7 26.5-6.8c-21.8-7-44.6-6.7-66.1 1.2c-28.9 10.7-52 34.1-61.7 62.6l-.3.8c-15 44.1-27.6 81.4-64.6 107.8c26.3-1.1 63.7-24.5 77.9-69.2c0 49.9-31.7 94.2-67.9 105.2c24.7 15.3 43.1 25.8 71.7 5c30.2-21.9 40.1-62.1 49.6-101c6.2-25.4 12.7-51.7 24.9-72.8c7.7-13.2 17.1-23.5 28.5-30.9c-15.3 3.3-29.9 9.7-42.6 18.9c-1.6 1.2-3.5 2.7-5.1 4" opacity=".5"/><path d="M141.5 200.2c-14.2 44.7-51.6 68.1-77.9 69.2c-8.1 5.8-17.3 11-28 15.7c13.6 5.2 25.4 12.5 36.3 19.2c.6.4 1.2.7 1.8 1.1c36-11 67.8-55.3 67.8-105.2" opacity=".75"/></svg>Homescreen Hero Dark ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:homescreen-hero-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:homescreen-hero-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:homescreen-hero-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--homescreen-hero-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:homescreen-hero-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:homescreen-hero-dark"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/homescreen-hero-dark.svg" alt="Homescreen Hero Dark ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Homescreen Hero Dark ikonu: sık sorulan sorular
Homescreen Hero 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.
Homescreen Hero Dark ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:homescreen-hero-dark" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Homescreen Hero 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/homescreen-hero-dark.svg" alt="Homescreen Hero Dark ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.