Ikon Dagster
thesvg-color:dagster
Ikon Dagster (thesvg-color:dagster) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 24 × 24. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.11 18.097h.19c3.185 0 6.129-2.262 6.935-5.373c.08-.323.322-.485.645-.485a.63.63 0 0 1 .605.647a2.8 2.8 0 0 1-.22.96a1 1 0 0 0 .06-.112a4.3 4.3 0 0 0 .363-1.737c0-.929-.646-1.535-1.573-1.535c-1.616 0-1.94 1.411-2.621 2.92c-.708 1.567-2.007 3.26-5.282 3.26c-3.404 0-6.901-2.383-6.048-7.23q.015-.09.025-.165A10 10 0 0 0 0 11.149c.009 3.902 3.057 6.857 7.11 6.948m7.195-10.542c.432 0 .863.057 1.28.172a1.61 1.61 0 0 0-2.11-2.344l.664 1.091l-1.241-.537a1.62 1.62 0 0 0 .056 1.794c.44-.118.895-.178 1.351-.176m7.598 6.066a.644.644 0 0 0-.637-.612a.69.69 0 0 0-.656.533c-.069.284-.215 1.047-.36 1.524h.008q.106-.318.19-.646c.08-.324.322-.485.645-.485a.627.627 0 0 1 .604.646a2.7 2.7 0 0 1-.083.596c.201-.705.29-1.215.29-1.556zm-3.427.882c.247-.845.356-1.43.356-1.812a.644.644 0 0 0-.638-.611a.69.69 0 0 0-.657.533c-.068.277-.211 1.03-.353 1.507q.087-.268.16-.545c.08-.324.323-.485.645-.485a.63.63 0 0 1 .605.646c-.008.26-.05.519-.124.768zM11.823 0C5.493 0 .009 5.171.009 11.15c0 3.96 3.146 6.949 7.298 6.949c3.186 0 6.13-2.262 6.936-5.373c.08-.323.322-.485.644-.485a.63.63 0 0 1 .606.646c0 1.415-2.662 6.346-8.065 6.346c-1.29 0-2.903-.363-4.032-1.01a1.2 1.2 0 0 0-.484-.122a.93.93 0 0 0-.967.97a.97.97 0 0 0 .483.808c1.492.852 3.267 1.293 5.08 1.293c4.517 0 8.63-3.07 9.84-7.595c.08-.323.322-.485.644-.485a.63.63 0 0 1 .605.647c0 1.858-3.306 7.837-9.677 8.322a1 1 0 0 0-.928.966a.974.974 0 0 0 1.05.97c5.08-.364 9.878-3.959 11.41-9.574c.08-.323.323-.485.645-.485a.63.63 0 0 1 .604.647c0 1.252-1.61 4.524-3.91 6.423a1.02 1.02 0 0 0-.284 1.17a.95.95 0 0 0 .888.567c.202 0 .525-.121.928-.485C20.933 20.805 24 16.725 24 12.24C24 5.667 18.917 0 11.823 0m1.825 3.374c1.78 0 3.242 1.719 3.242 3.637q-.011.624-.123 1.237a4.6 4.6 0 0 0-2.462-.693a4.9 4.9 0 0 0-2.149.475a3.2 3.2 0 0 1-.757-2.092c0-1.417.865-2.564 2.25-2.564m-8.905 5.52a.947.947 0 1 1 0 1.894a.947.947 0 0 1 0-1.894M2.85 10.79a.947.947 0 1 1 0 1.893a.947.947 0 0 1 0-1.893m1.893 1.894a.947.947 0 1 1 0 1.894a.947.947 0 0 1 0-1.894"/></svg>Cara memakai ikon Dagster
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:dagster" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:dagster" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:dagster" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--dagster]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:dagster"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:dagster"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/dagster.svg" alt="Ikon Dagster" width="24" height="24">Ikon Dagster di set ikon lain
FAQ Ikon Dagster
Apakah ikon Dagster gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Dagster di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:dagster" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Dagster ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/dagster.svg" alt="Ikon Dagster">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.