Ikon Design Tool Compass
streamline-ultimate-color:design-tool-compass
Ikon Design Tool Compass (streamline-ultimate-color:design-tool-compass) adalah ikon SVG gratis dari set Ultimate color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Ultimate color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Ultimate color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Desain
- Tag
- designtool, toolcompass, designtoolcompass
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGXv8lpc2Y)"><path fill="#ffef5e" d="M5.115 17.26v.957a4.4 4.4 0 0 1-.144.947H1.42a5 5 0 0 1-.134-.985V6.73h3.826v4.763"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M5.115 17.26v.957a4.4 4.4 0 0 1-.144.947H1.42a5 5 0 0 1-.134-.985V6.73h3.826v4.763"/><path fill="#e3e3e3" d="m14.68 7.696l6.964 11.086a.945.945 0 0 1-.309 1.306l-.574.348a.965.965 0 0 1-1.318-.318L11.81 7.696"/><path fill="#e3e3e3" d="m8.941 7.696l-1.798 4.832a1.48 1.48 0 0 1-1.288.897H1.289v1.913h6.696a1.49 1.49 0 0 0 1.292-.896l2.534-6.746"/><path fill="#ff808c" d="M5.115 5.783v.947H1.29v-.947a1.913 1.913 0 0 1 3.826 0"/><path fill="#ffbc44" d="M4.969 19.163a4.6 4.6 0 0 1-.287.861L3.409 22.57c-.114.23-.306.23-.43 0l-1.272-2.545a4.6 4.6 0 0 1-.287-.86z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M4.978 19.163h-.01m16.107 1.072L22.715 23"/><path fill="gray" d="M8.94 3.87a2.87 2.87 0 0 1 5.74 0v3.826H8.94z"/><path fill="#b2b2b2" d="M11.81 1a2.87 2.87 0 0 0-2.87 2.87v2.2a2.87 2.87 0 0 1 5.74 0v-2.2A2.87 2.87 0 0 0 11.81 1"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m14.68 7.696l6.964 11.086a.945.945 0 0 1-.309 1.306l-.574.348a.965.965 0 0 1-1.318-.318L11.81 7.696"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m8.941 7.696l-1.798 4.832a1.48 1.48 0 0 1-1.288.897H1.289v1.913h6.696a1.49 1.49 0 0 0 1.292-.896l2.534-6.746M5.115 5.783v.947H1.29v-.947a1.913 1.913 0 0 1 3.826 0m-.147 13.38a4.6 4.6 0 0 1-.287.861L3.409 22.57c-.114.23-.306.23-.43 0l-1.272-2.545a4.6 4.6 0 0 1-.287-.86z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M8.94 3.87a2.87 2.87 0 0 1 5.74 0v3.826H8.94z"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
Cara memakai ikon Design Tool Compass
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:design-tool-compass" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:design-tool-compass" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:design-tool-compass" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--design-tool-compass]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:design-tool-compass"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:design-tool-compass"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/design-tool-compass.svg" alt="Ikon Design Tool Compass" width="24" height="24">
Ikon terkait di Ultimate color icons
Ikon Design Tool Compass di set ikon lain
FAQ Ikon Design Tool Compass
Apakah ikon Design Tool Compass gratis untuk penggunaan komersial?
Ya. Ultimate color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Design Tool Compass di React?
Pasang @iconify/react lalu render <Icon icon="streamline-ultimate-color:design-tool-compass" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Design Tool Compass ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/design-tool-compass.svg" alt="Ikon Design Tool Compass">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ultimate color icons →
ICONYZ
