Ravelry アイコン

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

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

simple-icons:ravelry

Ravelry アイコン(simple-icons:ravelry)は、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="M23.972 10.924c-.06-.511-.084-1.03-.185-1.532c-.123-.61-.28-1.218-.476-1.809a9.1 9.1 0 0 0-1.526-2.841c-.295-.37-.594-.74-.93-1.072a11.7 11.7 0 0 0-2.328-1.785a12 12 0 0 0-2.803-1.22c-.544-.152-1.1-.268-1.656-.376c-.335-.064-.68-.082-1.02-.122c-.015-.002-.03-.018-.044-.028h-1.596c-.119.02-.237.046-.357.058a9 9 0 0 0-1.693.35c-.683.202-1.335.48-1.965.809c-.66.345-1.286.748-1.882 1.193a12 12 0 0 0-.889.718c-.502.455-1.006.911-1.479 1.397a12 12 0 0 0-1.662 2.172a9.8 9.8 0 0 0-1.393 3.922a10 10 0 0 0-.077 1.755c.033.666.095 1.33.219 1.989c.17.913.439 1.79.826 2.634a10.4 10.4 0 0 0 2.49 3.357a12.4 12.4 0 0 0 2.064 1.512c.877.517 1.798.93 2.763 1.25a13 13 0 0 0 2.008.485c.3.05.607.062.91.093c.02.002.04.018.059.028h1.595c.124-.02.248-.047.372-.057c.808-.066 1.587-.264 2.347-.53a11 11 0 0 0 2.42-1.177c.481-.318.958-.646 1.42-.993c.286-.215.543-.47.805-.714q.293-.276.57-.569a11.5 11.5 0 0 0 1.552-2.057c.472-.793.858-1.626 1.103-2.517c.14-.515.244-1.04.346-1.564c.051-.261.062-.53.093-.795c.002-.016.017-.03.027-.045v-1.831c-.01-.03-.025-.058-.028-.088m-7.962-.057s-.82-.147-1.407-.147c-1.344 0-1.66.736-1.66 1.83v4.629H9.312V7.753h3.633v1.578c.44-1.325 1.323-1.788 3.066-1.788z"/></svg>

Ravelry アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Simple Icons をすべて見る →