Ikon Ros
logos:ros
Ikon Ros (logos:ros) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 387 × 103. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 387 × 103
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="387" height="103" viewBox="0 0 387 103"><path fill="#232e4a" d="M260.563.895c24.906 0 40.64 21.074 40.64 51.054S285.47 103 260.563 103c-24.766 0-40.504-21.07-40.504-51.05c0-29.981 15.738-51.055 40.504-51.055m91.003 0c13 0 22.852 4.953 31.336 13.437l-10.125 10.606c-6.023-6.364-12.863-9.477-22.304-9.477c-11.223 0-16.012 5.656-16.012 12.305l.005.42q.006.207.017.41l.029.404q.026.3.066.59l.06.383q.066.38.159.745l.1.362c.376 1.256 1.015 2.391 1.994 3.457l.289.303l.308.299l.327.296l.347.293q.624.51 1.375 1.006l.44.283q.226.141.463.282l.485.28l.507.28l.53.278l.554.278l.578.278l.602.278l.31.14l.64.278l.664.28l.69.28l.716.282l.743.283l.77.286l.796.287l.824.29l1.29.44l.895.296l.924.3l1.442.457l.998.31l1.125.357l1.107.358l1.09.36l1.071.362l1.054.365l1.036.368q.513.184 1.017.372l.999.377l.98.382l.96.387a66 66 0 0 1 4.51 2.037l.841.43c9.42 4.941 14.863 11.665 14.863 23.685c0 17.82-10.95 29.98-35.442 29.98c-13.96 0-26-6.223-34.074-15.98l10.262-10.325c6.433 7.215 15.875 11.739 24.906 11.739c13.41 0 19.84-4.809 19.84-14.426c0-4.599-2.034-7.812-7.148-10.721l-.56-.311l-.584-.309l-.3-.153l-.62-.306l-.645-.305l-.332-.152l-.681-.304l-.35-.151l-.72-.303l-.37-.151l-.76-.303l-.388-.151l-.798-.303l-.825-.305l-.851-.305l-.879-.306l-.906-.308l-.934-.31l-1.453-.47l-1.004-.316l-1.715-.532l-1.178-.37l-1.152-.37l-1.126-.369l-1.102-.37l-1.076-.37q-.267-.092-.53-.185l-1.038-.372q-.513-.187-1.014-.375l-.99-.379l-.484-.19l-.952-.384a71 71 0 0 1-.927-.389l-.902-.394l-.877-.4c-10.379-4.84-15.415-11.117-15.415-23.843c0-17.114 13.957-27.578 31.61-27.578M10.922 79.12c6.027 0 10.918 5.055 10.918 11.285s-4.89 11.285-10.918 11.285C4.89 101.691 0 96.637 0 90.406s4.89-11.285 10.922-11.285m76.21 0c6.032 0 10.923 5.055 10.923 11.285s-4.89 11.285-10.922 11.285c-6.031 0-10.918-5.054-10.918-11.285s4.887-11.285 10.918-11.285m-38.105 0c6.032 0 10.918 5.055 10.918 11.285s-4.886 11.285-10.918 11.285c-6.03 0-10.922-5.054-10.922-11.285s4.891-11.285 10.922-11.285M171.613 2.45c16.696 0 30.79 9.196 30.79 29.559c0 15.84-8.075 25.597-21.075 28.992l19.567 40.445H184.34l-19.024-39.172h-21.62v39.172h-14.094V2.45zm88.95 13.297c-16.696 0-25.864 14-25.864 36.203s9.168 36.203 25.863 36.203c16.833 0 26-14 26-36.203s-9.167-36.203-26-36.203M10.922 40.664c6.027 0 10.918 5.05 10.918 11.285c0 6.23-4.89 11.285-10.918 11.285C4.89 63.234 0 58.18 0 51.95c0-6.234 4.89-11.285 10.922-11.285m38.105 0c6.032 0 10.918 5.05 10.918 11.285c0 6.23-4.886 11.285-10.918 11.285c-6.03 0-10.922-5.054-10.922-11.285c0-6.234 4.891-11.285 10.922-11.285m38.106 0c6.031 0 10.922 5.05 10.922 11.285c0 6.23-4.89 11.285-10.922 11.285c-6.031 0-10.918-5.054-10.918-11.285c0-6.234 4.887-11.285 10.918-11.285m84.48-24.21h-27.918V48.27h27.918c9.578 0 16.282-5.09 16.282-15.836c0-10.325-6.567-15.98-16.282-15.98M10.922 2.206c6.027 0 10.918 5.05 10.918 11.285c0 6.23-4.89 11.285-10.918 11.285C4.89 24.777 0 19.723 0 13.492C0 7.258 4.89 2.207 10.922 2.207m38.105 0c6.032 0 10.918 5.05 10.918 11.285c0 6.23-4.886 11.285-10.918 11.285c-6.03 0-10.922-5.054-10.922-11.285c0-6.234 4.891-11.285 10.922-11.285m38.106 0c6.031 0 10.922 5.05 10.922 11.285c0 6.23-4.89 11.285-10.922 11.285c-6.031 0-10.918-5.054-10.918-11.285c0-6.234 4.887-11.285 10.918-11.285"/></svg>Cara memakai ikon Ros
React
import { Icon } from "@iconify/react";
<Icon icon="logos:ros" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:ros" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:ros" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--ros]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:ros"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:ros"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/ros.svg" alt="Ikon Ros" width="24" height="24">Ikon Ros di set ikon lain
FAQ Ikon Ros
Apakah ikon Ros gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Ros di React?
Pasang @iconify/react lalu render <Icon icon="logos:ros" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ros ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/ros.svg" alt="Ikon Ros">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.