Shield ikonu
simple-line-icons:shield
Shield ikonu (simple-line-icons:shield), Simple line icons setinden ücretsiz bir SVG ikondur (yapımcı: Sabbir Ahmed). 1024 × 1024 ızgara üzerinde çizilmiştir. Simple line 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
- Simple line icons
- Yazar
- Sabbir Ahmed
- Lisans
- MIT
- Boyut
- 1024 × 1024
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M907.952 144.48a64 64 0 0 0-43.663-17.217c-1.472 0-2.943.065-4.4.16c-.912.065-11.184.689-27.28.689c-26.656 0-78.688-1.808-127.969-13.936c-63.664-15.631-137.12-88.16-158.496-102.464A63.96 63.96 0 0 0 510.576.93a64.2 64.2 0 0 0-35.536 10.752c-2.592 1.744-79.504 84.032-154.752 102.496C271.04 126.305 218 128.113 191.376 128.113c-16.096 0-26.369-.624-27.376-.689a62 62 0 0 0-4.225-.16A64.2 64.2 0 0 0 116 144.544c-12.945 12.096-20.32 29.008-20.32 46.72v160.032c0 591.632 387.12 667.808 403.567 670.783a65.6 65.6 0 0 0 11.313 1.008c3.776 0 7.6-.336 11.312-1.008c16.432-2.976 406.4-79.151 406.4-670.783V191.264a63.8 63.8 0 0 0-20.32-46.784m-43.647 206.816c0 544.912-353.714 607.777-353.714 607.777s-350.88-62.88-350.88-607.776V191.265s12.096.848 31.68.848c33.568 0 90.032-2.464 144.16-15.776C424.175 154.593 510.575 64.93 510.575 64.93s90.256 89.664 178.784 111.408c54.192 13.312 109.68 15.776 143.249 15.776c19.568 0 31.68-.848 31.68-.848s.016 20.352.016 160.031h.001zm-216.706-5.055c-12.496-12.496-32.769-12.496-45.249 0l-90.512 90.512l-90.511-90.512c-12.497-12.496-32.769-12.496-45.265 0s-12.496 32.769 0 45.249l90.512 90.512l-90.512 90.511c-12.496 12.48-12.496 32.753 0 45.25s32.769 12.496 45.265 0l90.511-90.512l90.512 90.511c12.48 12.497 32.753 12.497 45.249 0s12.496-32.768 0-45.249l-90.512-90.511L647.6 391.49c12.496-12.48 12.496-32.753 0-45.249z"/></svg>
Shield ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:shield" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:shield" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:shield" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--shield]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:shield"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:shield"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/simple-line-icons/shield.svg" alt="Shield ikonu" width="24" height="24">
Diğer ikon setlerinde Shield ikonu
Shield ikonu: sık sorulan sorular
Shield ikonu ticari kullanım için ücretsiz mi?
Evet. Simple line icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Shield ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="simple-line-icons:shield" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Shield 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/simple-line-icons/shield.svg" alt="Shield ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Simple line icons →
ICONYZ
