Cycling74 アイコン

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

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

simple-icons:cycling74

Cycling74 アイコン(simple-icons:cycling74)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.283 9.033c-.042-.354.425-.74.87-1.057c.636-.453 1.682-.82 2.892-.962c1.093-.127 2.099-.045 2.816.189c.632.206 1.263.503 1.31.906c.046.4-.496.836-1.06 1.182c-.644.394-1.606.708-2.703.837c-1.206.14-2.306.025-3.03-.267c-.509-.206-1.053-.473-1.095-.828m16.77-1.542c.365-.022.742.614 1.05 1.216c.438.861.772 2.244.87 3.818c.087 1.422-.038 2.715-.307 3.62c-.236.798-.566 1.586-.981 1.61c-.413.026-.837-.712-1.169-1.47c-.379-.867-.662-2.137-.75-3.563c-.096-1.57.066-2.98.395-3.89c.23-.639.527-1.319.893-1.341zm-8.16 6.443c-.022-.336.362-.674.726-.948c.522-.391 1.367-.677 2.335-.74c.874-.055 1.674.082 2.238.345c.496.233.989.552 1.014.935c.024.382-.422.762-.882 1.055c-.525.336-1.302.576-2.179.632c-.966.063-1.839-.111-2.406-.43c-.399-.225-.824-.51-.846-.849M18.16 6.41c.288.177.343.685.357 1.14c.02.65-.233 1.503-.74 2.327c-.457.745-1.028 1.317-1.568 1.624c-.476.271-1.02.488-1.347.287c-.327-.2-.38-.782-.355-1.326c.028-.622.279-1.392.737-2.14c.505-.822 1.149-1.434 1.736-1.71c.413-.196.89-.379 1.18-.202M.382 6.211c.294-.168.771.04 1.183.257c.588.31 1.228.967 1.722 1.834c.447.784.685 1.582.704 2.219c.015.56-.048 1.155-.382 1.345c-.333.19-.876-.056-1.349-.353c-.54-.34-1.107-.952-1.555-1.738C.211 8.91-.028 8.027.003 7.363c.021-.467.085-.984.38-1.152zm11.85 4.283c.32.188.341.828.32 1.406c-.032.827-.398 1.948-1.054 3.066c-.593 1.01-1.305 1.814-1.958 2.277c-.575.407-1.225.756-1.589.542c-.362-.212-.375-.948-.301-1.645c.084-.797.44-1.813 1.036-2.826c.655-1.115 1.453-1.979 2.159-2.41c.496-.303 1.066-.598 1.387-.41"/></svg>

Cycling74 アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="simple-icons:cycling74" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-icons:cycling74" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-icons:cycling74" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--cycling74]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:cycling74"></div>

Web コンポーネント

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

<iconify-icon icon="simple-icons:cycling74"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/cycling74.svg" alt="Cycling74 アイコン" width="24" height="24">

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

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

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

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

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

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

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

Simple Icons をすべて見る →