Homescreen Hero ikonu
selfhst:homescreen-hero
Homescreen Hero ikonu (selfhst:homescreen-hero), 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
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff7e0" d="M216.3 100.6h242.5c25 0 45.2 20.3 45.2 45.2V349c0 25-20.3 45.2-45.2 45.2H171.5c-25 0-45.2-20.3-45.2-45.2V190.5c0-49.6 40.3-89.9 90-89.9"/><path fill="#8dbba6" d="M458.8 115.8H171.5c-16.6 0-30 13.4-30 30V349c0 16.6 13.4 30 30 30h287.2c16.6 0 30-13.4 30-30V145.8c.1-16.6-13.4-30-29.9-30m6.1 188.8c0 12.7-10.3 23-23 23H188.4c-12.7 0-23-10.3-23-23V164.8c0-12.7 10.3-23 23-23h253.5c12.7 0 23 10.3 23 23z"/><path fill="#4c8172" d="M365.6 221.8v-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 77.3h54.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.6M512 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.2m-267.8-37.2h-6.6c-11.4 3.6-22.2 9-31.9 16l-5.2 3.9c-1.6 1.4-3.4 2.9-5 4.2c-.3.3-.7.6-1.1 1h27.1c6.4-10.2 13.9-18.5 22.7-25.1m-86.8 191V162.7c0-15.9 13-28.9 28.9-28.9h1.1c1.1-1.2 3.5-3.8 4.5-4.9c6.4-6.5 13.5-12.3 21.4-17.1c1.8-1.1 3.8-2.2 5.7-3.3h-2.7c-45.2 0-81.9 36.7-81.9 81.9V317c3.5-1.7 7.1-3.9 11-6.7c4.3-3.1 8.4-6.7 12-10.7m16 7.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 0-7.6-3.4-7.6-7.6V266c-5.5 14.5-12.4 28-21.9 39.7zm39.7-156.9h-26.9c-7.1 0-12.9 5.8-12.9 12.9V276c10.1-19.9 15.8-43.4 21.5-66.5c.1-.5.3-1.1.4-1.6v-27.5c0-4.2 3.4-7.6 7.6-7.6h1.8c2.5-7.9 5.3-15.7 8.5-23m-.4-57.1c1.2 0 2.4-.1 3.6-.1h20c-7.9-.9-15.8-.9-23.6.1m-94.4 229.2V189.5c-15.2 40.9-34 74.2-82.8 95.5c13.6 5.2 25.4 12.5 36.3 19.2c16.9 10.6 30.7 19.1 46.5 17.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.6m160.3 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.2M288 299.1h54.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 fill="#f3b358" d="M175.3 150.4c1.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-18.2 53.7-33.1 97.5-92.6 123.4c13.6 5.2 25.4 12.5 36.3 19.2c25.6 15.9 44.2 27.4 73.5 6.1c30.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.9l-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-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.1 3-5.3 4.4-7.6"/><path fill="#d08e44" 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"/></svg>Homescreen Hero ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:homescreen-hero" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:homescreen-hero" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:homescreen-hero" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--homescreen-hero]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:homescreen-hero"></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"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/homescreen-hero.svg" alt="Homescreen Hero ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Homescreen Hero ikonu: sık sorulan sorular
Homescreen Hero 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 ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:homescreen-hero" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Homescreen Hero 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.svg" alt="Homescreen Hero ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.