Runna アイコン

Q: Runna アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:runna

Runna アイコン(thesvg-color:runna)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 704 × 221 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 704 × 221

SVG をダウンロード

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>

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 コンポーネント

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

<iconify-icon icon="thesvg-color:runna"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/runna.svg" alt="Runna アイコン" width="24" height="24">

他のアイコンセットの Runna アイコン

Runna アイコンのよくある質問

Runna アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Runna アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:runna" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Runna アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/runna.svg" alt="Runna アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →