Ikon Direction Rotary Straight Filled

carbon:direction-rotary-straight-filled

Ikon Direction Rotary Straight Filled (carbon:direction-rotary-straight-filled) adalah ikon SVG gratis dari set Carbon karya IBM. Ikon ini digambar pada grid 32 × 32. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Carbon
Pembuat: IBM
Lisensi: Apache-2.0
Ukuran: 32 × 32
Kategori: Perencanaan
Tag: directionrotary, rotarystraight, straightfilled, directionrotarystraightfilled

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="19" r="3" fill="currentColor"/><path fill="currentColor" d="M28 2H4a2 2 0 0 0-2 2v24a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2m-6.414 10.414L17 7.828v6.273a5 5 0 0 1 0 9.798V28h-2v-4.101a5 5 0 0 1 0-9.798V7.828l-4.586 4.586L9 11l7-7l7 7Z"/><path fill="none" d="M21.586 12.414L23 11l-7-7l-7 7l1.414 1.414L15 7.828v6.273a5 5 0 0 0 0 9.798V28h2v-4.101a5 5 0 0 0 0-9.798V7.828ZM19 19a3 3 0 1 1-3-3a3.003 3.003 0 0 1 3 3"/></svg>

Cara memakai ikon Direction Rotary Straight Filled

React

import { Icon } from "@iconify/react";

<Icon icon="carbon:direction-rotary-straight-filled" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="carbon:direction-rotary-straight-filled" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="carbon:direction-rotary-straight-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--direction-rotary-straight-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:direction-rotary-straight-filled"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="carbon:direction-rotary-straight-filled"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/carbon/direction-rotary-straight-filled.svg" alt="Ikon Direction Rotary Straight Filled" width="24" height="24">

Ikon terkait di Carbon

FAQ Ikon Direction Rotary Straight Filled

Apakah ikon Direction Rotary Straight Filled gratis untuk penggunaan komersial?

Ya. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Direction Rotary Straight Filled di React?

Pasang @iconify/react lalu render <Icon icon="carbon:direction-rotary-straight-filled" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Direction Rotary Straight Filled ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/direction-rotary-straight-filled.svg" alt="Ikon Direction Rotary Straight Filled">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Carbon →