Ikon Runna
thesvg-color:runna
Ikon Runna (thesvg-color:runna) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 704 × 221. 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
- 704 × 221
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="704" height="221" viewBox="0 0 704 221"><mask id="SVGyS5OnbhG" width="704" height="221" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M703.388 0H0v220.702h703.388z"/></mask><g mask="url(#SVGyS5OnbhG)"><path d="M265.15 96.462v70.858c0 30.913-23.751 53.346-59.824 53.346s-58.556-22.438-58.556-52.61V96.462h39.995v67.804c0 12.048 8.001 20.034 18.531 20.034c11.955 0 19.828-7.857 19.828-20.034V96.462zm103.774 121.675v-67.681c0-13.561-10.807-20.033-20.446-20.033s-20.322 6.472-20.322 20.033v67.681H288.16V96.461h36.695l1.267 12.79c8.65-10.91 23.381-15.349 37.715-15.349c22.979 0 45.092 16.09 45.092 45.119v79.085h-39.995v.031zm144.053 0v-67.681c0-13.561-10.812-20.033-20.444-20.033c-9.636 0-20.324 6.472-20.324 20.033v67.681h-39.996V96.461h36.692l1.264 12.79c8.652-10.91 23.384-15.349 37.716-15.349c22.98 0 45.092 16.09 45.092 45.119v79.085h-39.996zm151.684.006l-1.268-12.79c-6.98 8.629-18.808 15.348-35.952 15.348c-32.52 0-56.396-26.876-56.396-63.242s23.876-63.49 56.396-63.49c17.14 0 28.972 6.843 35.952 15.349l1.268-12.79h38.728v121.676h-38.728zm-53.992-60.715c0 16.487 10.808 28.015 26.288 28.015c15.476 0 26.284-11.528 26.284-28.015c0-16.486-10.808-27.891-26.284-28.014c-15.504 0-26.288 11.528-26.288 28.014M119.835 53.81c14.89 0 26.964-12.049 26.964-26.908S134.725 0 119.835 0S92.871 12.048 92.871 26.908c0 14.859 12.074 26.907 26.964 26.907zM89.226 160.718c18.284-10.786 30.857-30.789 30.857-53.104c0-36.366-28.447-61.61-65.663-61.61H.74l27.087 35.104h23.69c15.379 0 25.79 10.509 25.79 26.475c0 9.649-4.201 18.031-11.518 22.686l-17.511-22.686H-.002l83.266 110.395h50.159l-44.197-57.296z"/><path fill-opacity=".6" d="M438.035 44.279q-2.132-1.196-3.196-3.28h-.16v3.676h-4.48V6.307h4.532v14.55h.16c.708-1.385 1.764-2.471 3.172-3.249a9.2 9.2 0 0 1 4.556-1.174q3.414 0 6.024 1.761c1.74 1.174 3.084 2.863 4.024 5.061c.944 2.204 1.412 4.763 1.412 7.677q-.001 4.371-1.412 7.677t-3.968 5.087q-2.556 1.785-6.024 1.786a9.33 9.33 0 0 1-4.64-1.2zm9.216-5.73q2.131-2.826 2.132-7.62q-.001-3.197-.956-5.546c-.64-1.565-1.544-2.76-2.72-3.6c-1.172-.833-2.508-1.25-3.996-1.25s-2.868.401-4.024 1.2q-1.734 1.197-2.964 3.701v11.034c.82 1.673 1.804 2.904 2.964 3.702q1.73 1.199 4.024 1.2c2.276 0 4.12-.942 5.548-2.827zm11.073 15.136v-4.104c.748.32 1.532.48 2.344.48c.956 0 1.788-.268 2.476-.799c.696-.535 1.288-1.37 1.788-2.507l2.824-6.555l.052 3.677l-11.564-26.65h5.12l5.968 14.761q.475 1.281.956 2.585t.908 2.584h.208q.16-.64.536-1.652q.641-1.708 1.336-3.517l5.756-14.761h5.06L469.244 47.66q-1.01 2.4-2.128 3.836c-.748.958-1.592 1.663-2.536 2.106q-1.411.663-3.38.664c-1.068 0-2.024-.196-2.88-.587z"/><path d="M500.695 43.749c-3.34-1.081-6.2-2.657-8.584-4.716l6.772-7.996a20.8 20.8 0 0 0 6.344 3.33a22.5 22.5 0 0 0 6.928 1.093q1.655-.002 2.452-.428q.802-.424.8-1.174v-.108c0-.566-.368-1.02-1.092-1.36c-.732-.339-2.124-.72-4.188-1.147q-5.01-1.011-8.364-2.292q-3.359-1.28-5.464-3.65c-1.408-1.58-2.108-3.614-2.108-6.101v-.108c0-2.415.624-4.583 1.864-6.503q1.868-2.88 5.488-4.531c2.416-1.102 5.316-1.653 8.688-1.653q5.438 0 9.616 1.251c2.792.834 5.284 2.121 7.488 3.867l-6.128 8.526a18.7 18.7 0 0 0-5.568-2.796q-3.014-.933-5.836-.931c-.892 0-1.568.144-2.052.427c-.48.283-.724.659-.724 1.117v.108q0 .803 1.068 1.334c.708.355 2.044.73 3.996 1.117c5.364.958 9.404 2.338 12.124 4.13c2.72 1.796 4.076 4.448 4.076 7.97v.108c0 2.63-.684 4.901-2.052 6.822q-2.057 2.878-5.836 4.397q-3.781 1.52-8.9 1.519c-3.872 0-7.48-.54-10.816-1.627zm40.188-26.037h-11.14V7.105h34.912v10.607h-11.088V44.68h-12.684zm27.076-10.607h18.444c6.184 0 10.744 1.421 13.696 4.263c1.136 1.174 1.984 2.477 2.556 3.919c.568 1.436.856 3.12.856 5.035v.108c0 2.667-.64 4.964-1.92 6.905c-1.276 1.936-3.112 3.475-5.488 4.608l7.408 10.766l19.4-37.2l20.468 39.172h-13.592l-6.876-13.696l-6.872 13.696h-25.636l-7.092-10.715h-2.716v10.715h-12.632zm21.692 16.95c.856-.639 1.276-1.545 1.276-2.719v-.108q-.002-1.76-1.276-2.693c-.856-.623-2.044-.931-3.572-.931h-5.492v7.409h5.44c1.564 0 2.768-.32 3.624-.958m42.848-17.001h13.536l6.872 13.695l6.876-13.695h13.592l-20.468 39.172l-20.412-39.172zm50.42-1.55l20.468 39.172h-13.592l-6.876-13.696l-6.872 13.696h-13.536l20.416-39.172z"/></g></svg>Cara memakai ikon Runna
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:runna" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:runna" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:runna" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--runna]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:runna"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:runna"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/runna.svg" alt="Ikon Runna" width="24" height="24">Ikon Runna di set ikon lain
FAQ Ikon Runna
Apakah ikon Runna 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 Runna di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:runna" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Runna ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/runna.svg" alt="Ikon Runna">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.