Sun Dust ikonu

f7:sun-dust

Sun Dust ikonu (f7:sun-dust), Framework7 Icons setinden ücretsiz bir SVG ikondur (yapımcı: Vladimir Kharlampidi). 56 × 56 ızgara üzerinde çizilmiştir. Framework7 Icons, MIT 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: Framework7 Icons
Yazar: Vladimir Kharlampidi
Lisans: MIT
Boyut: 56 × 56
Etiketler: sundust

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M27.993 9.9c1.049-.023 1.887-.885 1.887-2.096v-5.73C29.88.861 29.042 0 27.993 0s-1.886.862-1.886 2.073v5.73c0 1.212.838 2.12 1.886 2.097m12.02 4.962c.746.722 1.957.722 2.819-.117l4.053-4.053c.862-.862.839-2.073.117-2.818c-.723-.746-1.934-.746-2.796.116l-4.053 4.053c-.862.862-.885 2.097-.14 2.819m-24.04 0c.722-.745.722-1.957-.116-2.819L11.804 7.99c-.886-.862-2.074-.839-2.796-.117c-.768.723-.768 1.957.093 2.82l4.054 4.052c.862.839 2.12.862 2.818.117M4.303 37.225h47.311c.816 0 1.468-.653 1.468-1.491s-.653-1.468-1.468-1.468H38.313a12.5 12.5 0 0 0 2.422-7.384c0-6.989-5.777-12.766-12.742-12.766c-6.941 0-12.742 5.778-12.742 12.766c0 2.749.909 5.311 2.423 7.384H4.303c-.839 0-1.468.63-1.468 1.468s.63 1.49 1.468 1.49m14.699-10.343c0-4.939 4.053-8.992 8.991-8.992c4.939 0 8.992 4.053 8.992 8.992c0 3.075-1.584 5.8-3.96 7.384h-10.04a8.85 8.85 0 0 1-3.983-7.384m28.07 1.304h5.73c1.211 0 2.073-.861 2.073-1.91c0-1.025-.862-1.863-2.073-1.887h-5.73c-1.212 0-2.12.862-2.097 1.887c.023 1.049.885 1.91 2.096 1.91m-43.887 0h5.73c1.211 0 2.12-.861 2.097-1.91c-.024-1.025-.886-1.887-2.097-1.887h-5.73c-1.188 0-2.074.862-2.074 1.887c0 1.049.886 1.91 2.074 1.91m13.045 16.54c.628 0 1.164-.536 1.164-1.189c0-.652-.535-1.188-1.164-1.188c-.676 0-1.212.536-1.212 1.188c0 .653.536 1.188 1.212 1.188m9.83 0c.652 0 1.165-.536 1.165-1.189c0-.652-.513-1.188-1.165-1.188c-.676 0-1.188.536-1.188 1.188c0 .653.512 1.188 1.188 1.188m9.853 0c.63 0 1.165-.536 1.165-1.189c0-.652-.536-1.188-1.165-1.188c-.675 0-1.21.536-1.21 1.188c0 .653.535 1.188 1.21 1.188m9.83 0c.653 0 1.165-.536 1.165-1.189c0-.652-.512-1.188-1.164-1.188c-.676 0-1.188.536-1.188 1.188c0 .653.512 1.188 1.188 1.188m-39.367 0c.652 0 1.165-.536 1.165-1.189c0-.652-.513-1.188-1.165-1.188s-1.188.536-1.188 1.188c0 .653.536 1.188 1.188 1.188m16.725 5.66c.63 0 1.165-.536 1.165-1.211c0-.63-.536-1.165-1.165-1.165c-.675 0-1.21.536-1.21 1.165c0 .675.535 1.211 1.21 1.211m9.83 0c.63 0 1.166-.536 1.166-1.211c0-.63-.536-1.165-1.165-1.165c-.676 0-1.188.536-1.188 1.165c0 .675.512 1.211 1.188 1.211m9.854 0c.63 0 1.165-.536 1.165-1.211c0-.63-.536-1.165-1.165-1.165c-.675 0-1.211.536-1.211 1.165c0 .675.536 1.211 1.211 1.211m9.83 0c.63 0 1.166-.536 1.166-1.211c0-.63-.536-1.165-1.166-1.165c-.675 0-1.187.536-1.187 1.165c0 .675.512 1.211 1.188 1.211m-49.197 0c.628 0 1.164-.536 1.164-1.211c0-.63-.535-1.165-1.164-1.165c-.676 0-1.212.536-1.212 1.165c0 .675.536 1.211 1.212 1.211m9.83 0c.629 0 1.165-.536 1.165-1.211c0-.63-.536-1.165-1.165-1.165c-.676 0-1.188.536-1.188 1.165c0 .675.512 1.211 1.188 1.211M29.95 56c.652 0 1.188-.536 1.188-1.188s-.536-1.165-1.188-1.165s-1.188.513-1.188 1.165S29.298 56 29.95 56m9.854 0c.628 0 1.164-.536 1.164-1.188s-.536-1.165-1.164-1.165c-.676 0-1.188.513-1.188 1.165S39.128 56 39.804 56M20.12 56c.629 0 1.165-.536 1.165-1.188s-.536-1.165-1.165-1.165c-.676 0-1.188.513-1.188 1.165S19.444 56 20.12 56m29.514 0c.652 0 1.188-.536 1.188-1.188s-.536-1.165-1.188-1.165s-1.188.513-1.188 1.165S48.982 56 49.634 56m-39.368 0c.652 0 1.188-.536 1.188-1.188s-.536-1.165-1.188-1.165s-1.188.513-1.188 1.165S9.614 56 10.266 56"/></svg>

Sun Dust ikonu nasıl kullanılır

React

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

<Icon icon="f7:sun-dust" width="24" />

Vue

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

<template>
  <Icon icon="f7:sun-dust" width="24" />
</template>

Svelte

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

<Icon icon="f7:sun-dust" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--sun-dust]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:sun-dust"></div>

Web bileşeni

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="f7:sun-dust"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/f7/sun-dust.svg" alt="Sun Dust ikonu" width="24" height="24">

Framework7 Icons setindeki benzer ikonlar

Diğer ikon setlerinde Sun Dust ikonu

Sun Dust ikonu: sık sorulan sorular

Sun Dust ikonu ticari kullanım için ücretsiz mi?

Evet. Framework7 Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Sun Dust ikonunu React'te nasıl kullanırım?

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

Sun Dust 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/f7/sun-dust.svg" alt="Sun Dust ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Framework7 Icons →