Rotate Counter Clockwise ikonu
radix-icons:rotate-counter-clockwise
Rotate Counter Clockwise ikonu (radix-icons:rotate-counter-clockwise), Radix Icons setinden ücretsiz bir SVG ikondur (yapımcı: WorkOS). 15 × 15 ızgara üzerinde çizilmiştir. Radix 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
- Radix Icons
- Yazar
- WorkOS
- Lisans
- MIT
- Boyut
- 15 × 15
- Etiketler
- rotatecounter, counterclockwise, rotatecounterclockwise
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M9.653 4.008A1.5 1.5 0 0 1 11 5.5v7l-.008.154a1.5 1.5 0 0 1-1.339 1.338L9.5 14h-7l-.153-.008a1.5 1.5 0 0 1-1.34-1.338L1 12.5v-7a1.5 1.5 0 0 1 1.347-1.492L2.5 4h7zM2.5 5a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5zM7.597.064A.25.25 0 0 1 8 .26V1l.38.003c1.868.044 3.286.428 4.237 1.38C13.632 3.397 14 4.943 14 7a.5.5 0 0 1-1 0c0-1.981-.364-3.184-1.09-3.91c-.68-.68-1.78-1.043-3.548-1.086L8 2v.74a.25.25 0 0 1-.403.197l-1.593-1.24a.25.25 0 0 1 0-.394z"/></svg>Rotate Counter Clockwise ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="radix-icons:rotate-counter-clockwise" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="radix-icons:rotate-counter-clockwise" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="radix-icons:rotate-counter-clockwise" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[radix-icons--rotate-counter-clockwise]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/radix-icons -->
<div class="i-radix-icons:rotate-counter-clockwise"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="radix-icons:rotate-counter-clockwise"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/radix-icons/rotate-counter-clockwise.svg" alt="Rotate Counter Clockwise ikonu" width="24" height="24">Rotate Counter Clockwise ikonu: sık sorulan sorular
Rotate Counter Clockwise ikonu ticari kullanım için ücretsiz mi?
Evet. Radix Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Rotate Counter Clockwise ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="radix-icons:rotate-counter-clockwise" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Rotate Counter Clockwise 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/radix-icons/rotate-counter-clockwise.svg" alt="Rotate Counter Clockwise ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.