Sunglasses ikonu
fluent-emoji:sunglasses
Sunglasses ikonu (fluent-emoji:sunglasses), Fluent Emoji setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 32 × 32 ızgara üzerinde çizilmiştir. Fluent Emoji 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
- Fluent Emoji
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 32 × 32
- Etiketler
- sunglass
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iL4l7ia)"><path fill="url(#i0iKEle)" d="M3.638 12.242c.85-.787 2.226-.992 2.89-.992h4.235c2.289 0 4.242 1.11 4.078 3.54c-.266 3.35-2.641 5.96-6.133 5.96c-3.453 0-5.213-2.66-5.711-4.344c-.498-1.683-.422-3.18.64-4.164"/><path fill="url(#iweFcxe)" d="M3.638 12.242c.85-.787 2.226-.992 2.89-.992h4.235c2.289 0 4.242 1.11 4.078 3.54c-.266 3.35-2.641 5.96-6.133 5.96c-3.453 0-5.213-2.66-5.711-4.344c-.498-1.683-.422-3.18.64-4.164"/><path fill="url(#iizr1Td)" d="M3.638 12.242c.85-.787 2.226-.992 2.89-.992h4.235c2.289 0 4.242 1.11 4.078 3.54c-.266 3.35-2.641 5.96-6.133 5.96c-3.453 0-5.213-2.66-5.711-4.344c-.498-1.683-.422-3.18.64-4.164"/></g><g filter="url(#ijy9lKb)"><path fill="url(#iid35Iw)" d="M28.363 12.242c-.85-.787-2.227-.992-2.891-.992h-4.234c-2.29 0-4.242 1.11-4.078 3.54c.265 3.35 2.64 5.96 6.132 5.96c3.453 0 5.213-2.66 5.711-4.344c.498-1.683.422-3.18-.64-4.164"/><path fill="url(#iV35iQb)" d="M28.363 12.242c-.85-.787-2.227-.992-2.891-.992h-4.234c-2.29 0-4.242 1.11-4.078 3.54c.265 3.35 2.64 5.96 6.132 5.96c3.453 0 5.213-2.66 5.711-4.344c.498-1.683.422-3.18-.64-4.164"/><path fill="url(#ibN9jte)" d="M28.363 12.242c-.85-.787-2.227-.992-2.891-.992h-4.234c-2.29 0-4.242 1.11-4.078 3.54c.265 3.35 2.64 5.96 6.132 5.96c3.453 0 5.213-2.66 5.711-4.344c.498-1.683.422-3.18-.64-4.164"/></g><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#iRguXyB)"><path fill="url(#i9GReKc)" d="M15.63 14.848c-.203 3.66-2.743 6.652-6.922 6.652c-3.914 0-5.88-3.022-6.43-4.88c-.527-1.78-.53-3.65.85-4.928c.543-.503 1.223-.795 1.822-.963a6 6 0 0 1 1.578-.229h4.235c1.25 0 2.581.3 3.507 1.014q.333.256.588.573c.138.141.377.358.647.358h.98c.309 0 .578-.285.7-.414l-.001.005q.24-.287.546-.522c.926-.713 2.258-1.014 3.508-1.014h4.234c.396 0 .975.06 1.578.229c.599.168 1.28.46 1.822.963c1.38 1.278 1.377 3.148.85 4.927c-.55 1.859-2.516 4.881-6.43 4.881c-4.18 0-6.718-2.992-6.922-6.652v-.008a5 5 0 0 1-.012-.449a.353.353 0 0 0-.35-.328a.365.365 0 0 0-.365.364v.01q.001.198-.013.403zm-.79-.059c.165-2.43-1.788-3.539-4.078-3.539H6.528c-.664 0-2.04.205-2.89.992c-1.063.985-1.14 2.48-.641 4.164s2.258 4.344 5.71 4.344c3.493 0 5.868-2.61 6.134-5.96m2.32 0c-.164-2.43 1.789-3.539 4.078-3.539h4.234c.664 0 2.04.205 2.89.992c1.063.985 1.14 2.48.641 4.164s-2.258 4.344-5.71 4.344c-3.493 0-5.868-2.61-6.133-5.96"/><path fill="url(#iJpNHBd)" d="M15.63 14.848c-.203 3.66-2.743 6.652-6.922 6.652c-3.914 0-5.88-3.022-6.43-4.88c-.527-1.78-.53-3.65.85-4.928c.543-.503 1.223-.795 1.822-.963a6 6 0 0 1 1.578-.229h4.235c1.25 0 2.581.3 3.507 1.014q.333.256.588.573c.138.141.377.358.647.358h.98c.309 0 .578-.285.7-.414l-.001.005q.24-.287.546-.522c.926-.713 2.258-1.014 3.508-1.014h4.234c.396 0 .975.06 1.578.229c.599.168 1.28.46 1.822.963c1.38 1.278 1.377 3.148.85 4.927c-.55 1.859-2.516 4.881-6.43 4.881c-4.18 0-6.718-2.992-6.922-6.652v-.008a5 5 0 0 1-.012-.449a.353.353 0 0 0-.35-.328a.365.365 0 0 0-.365.364v.01q.001.198-.013.403zm-.79-.059c.165-2.43-1.788-3.539-4.078-3.539H6.528c-.664 0-2.04.205-2.89.992c-1.063.985-1.14 2.48-.641 4.164s2.258 4.344 5.71 4.344c3.493 0 5.868-2.61 6.134-5.96m2.32 0c-.164-2.43 1.789-3.539 4.078-3.539h4.234c.664 0 2.04.205 2.89.992c1.063.985 1.14 2.48.641 4.164s-2.258 4.344-5.71 4.344c-3.493 0-5.868-2.61-6.133-5.96"/></g><path fill="url(#inXGXPt)" d="M27.71 13.079c.479.794.35 1.75-.289 2.135c-.638.385-1.544.053-2.023-.742s-.35-1.75.289-2.136c.639-.384 1.544-.052 2.023.743"/><path fill="url(#iyRsNNd)" d="M13.21 13.079c.479.794.35 1.75-.289 2.135c-.638.385-1.544.053-2.023-.742s-.35-1.75.289-2.136c.639-.384 1.544-.052 2.023.743"/><g filter="url(#iezlyFd)"><path stroke="url(#iMrxDbe)" stroke-width=".3" d="M28.584 12.09c-.892-.833-2.337-1.05-3.034-1.05h-4.443c-2.402 0-4.452 1.175-4.28 3.746c.28 3.546 2.771 6.308 6.436 6.308c3.624 0 5.47-2.815 5.993-4.597c.523-1.781.443-3.365-.672-4.406Z"/></g><g filter="url(#i2HTgRb)"><path stroke="url(#iaA7Phe)" stroke-width=".3" d="M14.167 12.09c-.892-.833-2.336-1.05-3.033-1.05H6.69c-2.402 0-4.452 1.175-4.28 3.746c.28 3.546 2.772 6.308 6.436 6.308c3.624 0 5.47-2.815 5.993-4.597c.523-1.781.443-3.365-.672-4.406Z"/></g><defs><radialGradient id="i0iKEle" cx="0" cy="0" r="1" gradientTransform="matrix(3.3125 8.03125 -8.88878 3.6662 6.895 12.25)" gradientUnits="userSpaceOnUse"><stop offset=".365" stop-color="#311F5E"/><stop offset=".954" stop-color="#4F1373"/></radialGradient><radialGradient id="iweFcxe" cx="0" cy="0" r="1" gradientTransform="matrix(8.96874 -2.96875 3.66319 11.06668 5.614 17.063)" gradientUnits="userSpaceOnUse"><stop offset=".893" stop-color="#4D4176" stop-opacity="0"/><stop offset=".976" stop-color="#4D4176"/></radialGradient><radialGradient id="iizr1Td" cx="0" cy="0" r="1" gradientTransform="rotate(162.06 5.999 7.881)scale(8.0147 4.22888)" gradientUnits="userSpaceOnUse"><stop offset=".145" stop-color="#51477A"/><stop offset="1" stop-color="#51477A" stop-opacity="0"/></radialGradient><radialGradient id="iid35Iw" cx="0" cy="0" r="1" gradientTransform="matrix(3.3125 8.03125 -8.88878 3.6662 21.345 12.25)" gradientUnits="userSpaceOnUse"><stop offset=".365" stop-color="#311F5E"/><stop offset=".954" stop-color="#4F1373"/></radialGradient><radialGradient id="iV35iQb" cx="0" cy="0" r="1" gradientTransform="matrix(8.96874 -2.96875 3.66319 11.06668 20.064 17.063)" gradientUnits="userSpaceOnUse"><stop offset=".893" stop-color="#4D4176" stop-opacity="0"/><stop offset=".976" stop-color="#4D4176"/></radialGradient><radialGradient id="ibN9jte" cx="0" cy="0" r="1" gradientTransform="rotate(162.06 13.223 9.022)scale(8.0147 4.22888)" gradientUnits="userSpaceOnUse"><stop offset=".145" stop-color="#51477A"/><stop offset="1" stop-color="#51477A" stop-opacity="0"/></radialGradient><radialGradient id="iJpNHBd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.8125 -.32811 .19146 -1.05761 17.458 13.422)" gradientUnits="userSpaceOnUse"><stop offset=".325" stop-color="#6A57A0"/><stop offset="1" stop-color="#6A57A0" stop-opacity="0"/></radialGradient><radialGradient id="inXGXPt" cx="0" cy="0" r="1" gradientTransform="rotate(-113.728 18.637 -1.069)scale(3.10635 9.72878)" gradientUnits="userSpaceOnUse"><stop offset=".259" stop-color="#E5DBF4" stop-opacity="0"/><stop offset="1" stop-color="#E5DBF4"/></radialGradient><radialGradient id="iyRsNNd" cx="0" cy="0" r="1" gradientTransform="rotate(-122.939 10.461 3.989)scale(2.64372 8.27986)" gradientUnits="userSpaceOnUse"><stop offset=".259" stop-color="#E5DBF4" stop-opacity="0"/><stop offset="1" stop-color="#E5DBF4"/></radialGradient><radialGradient id="iMrxDbe" cx="0" cy="0" r="1" gradientTransform="rotate(-34.638 36.9 -19.07)scale(3.93111 5.01995)" gradientUnits="userSpaceOnUse"><stop stop-color="#624A93"/><stop offset="1" stop-color="#624A93" stop-opacity="0"/></radialGradient><radialGradient id="iaA7Phe" cx="0" cy="0" r="1" gradientTransform="rotate(-34.638 29.692 4.046)scale(3.93111 5.01995)" gradientUnits="userSpaceOnUse"><stop stop-color="#55377A"/><stop offset="1" stop-color="#55377A" stop-opacity="0"/></radialGradient><filter id="iL4l7ia" width="12.5" height="9.85" x="2.6" y="11.15" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy=".25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.0666667 0 0 0 0 0.278431 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16223"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy="-.1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.219608 0 0 0 0 0.121569 0 0 0 0 0.384314 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_16223" result="effect2_innerShadow_18_16223"/></filter><filter id="ijy9lKb" width="12.5" height="9.85" x="17.05" y="11.15" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy=".25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.0666667 0 0 0 0 0.278431 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16223"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy="-.1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.219608 0 0 0 0 0.121569 0 0 0 0 0.384314 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_16223" result="effect2_innerShadow_18_16223"/></filter><filter id="iRguXyB" width="28.097" height="11.2" x="1.951" y="10.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".2"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.329412 0 0 0 0 0.282353 0 0 0 0 0.568627 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16223"/></filter><filter id="iezlyFd" width="13.45" height="10.753" x="16.467" y="10.691" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16223" stdDeviation=".1"/></filter><filter id="i2HTgRb" width="13.45" height="10.753" x="2.05" y="10.691" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16223" stdDeviation=".1"/></filter><linearGradient id="i9GReKc" x1="16" x2="16" y1="10.5" y2="20.469" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#5C4EA3"/><stop offset="1" stop-color="#5C278D"/></linearGradient></defs></g></svg>Sunglasses ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:sunglasses" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:sunglasses" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:sunglasses" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--sunglasses]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:sunglasses"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:sunglasses"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-emoji/sunglasses.svg" alt="Sunglasses ikonu" width="24" height="24">Diğer ikon setlerinde Sunglasses ikonu
Sunglasses ikonu: sık sorulan sorular
Sunglasses ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent Emoji icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Sunglasses ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-emoji:sunglasses" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Sunglasses 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/fluent-emoji/sunglasses.svg" alt="Sunglasses ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.