Like Dislike ikonu
andrsrxn:like-dislike
Like Dislike ikonu (andrsrxn:like-dislike), andrsrxn/icons setinden ücretsiz bir SVG ikondur (yapımcı: Andrés Raxón). 24 × 24 ızgara üzerinde çizilmiştir. andrsrxn/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
- andrsrxn/icons
- Yazar
- Andrés Raxón
- Lisans
- MIT
- Boyut
- 24 × 24
- Kategori
- Sosyal
- Etiketler
- likedislike
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><rect width="7.36" height="3.62" x="1.98" y="13.64" fill="currentColor" opacity=".2" rx="1" transform="rotate(-90 1.98 13.64)"/><rect width="7.36" height="3.62" x="22.09" y="10.44" fill="currentColor" opacity=".2" rx="1" transform="rotate(90 22.1 10.44)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.78 13.75H5.66c-1.73 0-2.6 0-3.17-.5l-.17-.18c-.5-.57-.5-1.43-.5-3.17c0-1.72 0-2.57.49-3.14l.2-.2c.56-.49 1.42-.49 3.13-.49c0 0 .82-1.28 1.07-2.18q.08-.3.13-.6c.16-.96.24-1.43.61-1.67c.38-.24.67-.16 1.26 0c.42.11.82.33 1.05.72c.33.58.36 1.4.28 2.15c-.07.7-.11 1.06-.06 1.25c.1.34.27.53.6.66c.17.07.47.07 1.06.07c1.22 0 1.82 0 2.23.2a2 2 0 0 1 1.14 1.73c.02.45-.23 1.01-.71 2.13l-.17.37c-.44 1.01-.66 1.52-1 1.9a3 3 0 0 1-1.21.78c-.48.17-1.04.17-2.14.17"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14.75 10.33h3.66c1.73 0 2.6 0 3.16.5l.18.18c.5.57.5 1.44.5 3.17c0 1.72 0 2.58-.49 3.14l-.2.2c-.56.5-1.42.5-3.13.5c0 0-.82 1.28-1.07 2.18q-.08.3-.13.6c-.16.95-.24 1.42-.61 1.66c-.38.24-.67.16-1.26 0a1.7 1.7 0 0 1-1.05-.71a3.7 3.7 0 0 1-.28-2.16c.07-.7.1-1.06.06-1.24a.9.9 0 0 0-.6-.66c-.18-.07-.47-.07-1.06-.07h-.46c-.8 0-1.21 0-1.5-.1a2 2 0 0 1-1.4-2.13c.03-.3.2-.67.52-1.42M5.6 6.18v7.57m12.87 4.15v-7.57"/></g></svg>Like Dislike ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:like-dislike" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:like-dislike" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:like-dislike" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--like-dislike]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:like-dislike"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:like-dislike"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/andrsrxn/like-dislike.svg" alt="Like Dislike ikonu" width="24" height="24">andrsrxn/icons setindeki benzer ikonlar
Diğer ikon setlerinde Like Dislike ikonu
Like Dislike ikonu: sık sorulan sorular
Like Dislike ikonu ticari kullanım için ücretsiz mi?
Evet. andrsrxn/icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Like Dislike ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="andrsrxn:like-dislike" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Like Dislike 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/andrsrxn/like-dislike.svg" alt="Like Dislike ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.