Schoolmessenger Light ikonu
selfhst:schoolmessenger-light
Schoolmessenger Light ikonu (selfhst:schoolmessenger-light), 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
- schoolmessengerlight
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M471.1 357.3L358.9 469.6l-1.7 1.7l-.1.1c-56.7 54.8-148.2 54-203.9-1.8L125.7 442c14 5.7 28.9 9.4 44.1 10.9c5.1.5 10.3.8 15.4.8c23.1 0 46-5.1 67-14.9h.1c15.8-7.4 30.1-17.3 42.5-29.2c.7-.6 1.2-1.1 1.7-1.6l2.2-2.2l7.1-6.9h-.2l102-102.1l2.1-2.1c11.6-12.9 16.3-29.5 14.5-45.5l45.5 45.5c16.9 17.1 17.6 44.6 1.4 62.6M286.5 63.5c.5-.1.9-.2 1.4-.4c.9-.2 1.7-.4 2.6-.6c32.1-7.6 65.7-5 96 7.5l-27.6-27.6C330.7 14.2 293.4 0 256 0c-36.5 0-73 13.5-101 40.6l-.1.1c-.6.5-1.1 1-1.7 1.6L42.6 153c-.6.6-1.2 1.1-1.6 1.7c-16.2 17.9-15.5 45.4 1.6 62.6L88.1 263c-1.9-16 2.8-32.8 14.4-45.6c.7-.8 1.3-1.4 2.1-2.1L225.7 94v1c10.4-8.7 21.8-16 34.1-21.8c8.6-4 17.6-7.3 26.7-9.7M42.5 359l39.8 39.9l.1-.1c5 5 10.3 9.6 15.9 13.7c43 32.1 99.9 37.9 148.7 15.1c1.6-.8 3.2-1.5 4.8-2.4c.4-.2.7-.4 1.1-.6c.2-.1.4-.2.5-.3c-14-.6-27.7-6.2-38.4-16.9L33.8 226c-10.6-10.6-16.2-24.4-16.8-38.3C-12 242.7-3.4 313 42.5 359m427-206l-39.8-39.8l-.1-.1c-4.9-4.9-10.3-9.5-15.9-13.7c-42.9-32.1-99.9-37.8-148.7-15c-2.2 1-4.4 2.1-6.5 3.3c14 .6 27.7 6.3 38.4 16.9l110.6 110.7l.1-.1l70.7 70.8c10.6 10.6 16.2 24.2 16.8 38.1c28.9-55 20.3-125.1-25.6-171.1"/></svg>Schoolmessenger Light ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:schoolmessenger-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:schoolmessenger-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:schoolmessenger-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--schoolmessenger-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:schoolmessenger-light"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:schoolmessenger-light"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/schoolmessenger-light.svg" alt="Schoolmessenger Light ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Schoolmessenger Light ikonu: sık sorulan sorular
Schoolmessenger Light 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.
Schoolmessenger Light ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:schoolmessenger-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Schoolmessenger Light 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/schoolmessenger-light.svg" alt="Schoolmessenger Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.