Car Bump Bold アイコン

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

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

glyphs:car-bump-bold

Car Bump Bold アイコン(glyphs:car-bump-bold)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: carbump、bumpbold、carbumpbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path d="m47.734 22.916l1.25 2.165a2.5 2.5 0 0 0 .313-4.116zm-34.435 19.88l-2.47.379a2.5 2.5 0 0 0 3.72 1.787zM11.722 32.49l2.472-.378zm3.908-8.139l1.25 2.166zm14.964-8.639l-1.25-2.165zm9.002.685l-1.563 1.95zm6.888 4.354l-34.435 19.88l2.5 4.33l34.435-19.88zM9.25 32.868l1.577 10.307l4.943-.756l-1.578-10.307zm5.13-10.682a10.5 10.5 0 0 0-5.13 10.682l4.943-.756a5.5 5.5 0 0 1 2.686-5.595zm14.963-8.639l-14.964 8.64l2.5 4.33l14.964-8.64zm11.815.899a10.5 10.5 0 0 0-11.815-.899l2.5 4.33a5.5 5.5 0 0 1 6.189.47zm8.138 6.519l-8.138-6.52l-3.126 3.903l8.138 6.52z"/><path fill-rule="evenodd" d="M57.686 34.984a.8.8 0 0 0-.287.101l-7.217 4.167a.83.83 0 0 0-.321.334l7.458-4.306q.212-.123.367-.297m-31.013 17.99a.83.83 0 0 0-.45.111l-7.218 4.167a.8.8 0 0 0-.23.197a1.5 1.5 0 0 0 .44-.169zm33.974-13.93l1.474 2.553a2 2 0 0 1-.732 2.732l-5.196 3a2 2 0 0 1-2.732-.732l-1.436-2.487l7.794-4.5q.442-.256.828-.566m-39.837 23q.462-.18.904-.434l7.794-4.5l1.436 2.487a2 2 0 0 1-.732 2.732l-5.196 3a2 2 0 0 1-2.732-.732z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M12 52.785a8 8 0 0 1 2.928-10.929l31.177-18a8 8 0 0 1 10.928 2.929l3 5.196a4 4 0 0 1-1.464 5.464l-38.105 22A4 4 0 0 1 15 57.98zm6.562-2.634a3 3 0 1 1 5.196-3a3 3 0 0 1-5.196 3m28.811-20.098a3 3 0 1 1 3 5.196a3 3 0 0 1-3-5.196M63.897 57.25A7.794 7.794 0 0 0 52.467 66h15.066a7.794 7.794 0 0 0-3.636-8.75" clip-rule="evenodd"/><path d="m56.103 57.25l-1-1.732zm7.794 0l-1 1.732zM52.467 66l-1.934.513A2 2 0 0 0 52.466 68zm15.066 0v2a2 2 0 0 0 1.933-1.487zm-10.43-7.018a5.8 5.8 0 0 1 5.794 0l2-3.464a9.8 9.8 0 0 0-9.794 0zM54.206 64a5.8 5.8 0 0 1 2.897-5.018l-2-3.464A9.8 9.8 0 0 0 50.206 64zm.193 1.487A5.8 5.8 0 0 1 54.206 64h-4c0 .86.112 1.703.327 2.513zM52.466 68h15.067v-4H52.466zm13.328-4c0 .509-.067 1.008-.194 1.487l3.866 1.026c.215-.81.328-1.654.328-2.513zm-2.897-5.018A5.8 5.8 0 0 1 65.794 64h4c0-3.5-1.867-6.733-4.897-8.482z"/></g></svg>

Car Bump Bold アイコンの使い方

React

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

<Icon icon="glyphs:car-bump-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:car-bump-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:car-bump-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--car-bump-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:car-bump-bold"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:car-bump-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/car-bump-bold.svg" alt="Car Bump Bold アイコン" width="24" height="24">

Glyphs の関連アイコン

Car Bump Bold アイコンのよくある質問

Car Bump Bold アイコンは商用利用でも無料ですか?

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

React で Car Bump Bold アイコンを使うには?

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

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

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

Glyphs アイコンをすべて見る →