Alternativeto アイコン

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

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

simple-icons:alternativeto

Alternativeto アイコン(simple-icons:alternativeto)は、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="M12 .416C18.398.416 23.584 5.602 23.584 12S18.398 23.584 12 23.584S.416 18.397.416 12S5.602.416 12 .416M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12s12-5.383 12-12S18.616 0 12 0m6.509 18.136l-.056.012q.051.177.094.345l.202.812q.688-.639 1.249-1.394c-.305.036-.618.074-.923.117c-.188.026-.372.066-.567.108zm.931-4.295c-3.783-.612-7.762.613-10.989 2.561c-.757.457-1.59.91-2.129 1.632c-.368.494-.561 1.081-.679 1.68q.464.381.975.704l.002-.099c.013-.41.064-.827.229-1.206c.182-.42.478-.679.843-.938c.756-.538 1.598-.967 2.412-1.392c.055-.03.134-.029.202-.043c.015.062.048.125.043.185c-.02.283-.014.567-.007.85c.022 1.016.088 2.032.157 3.047q.035.525.072 1.049q.693.096 1.391.097a9.94 9.94 0 0 0 6.093-2.074l-.425-1.471q-.009-.032-.02-.063l-.064.017c-1.237.343-2.495.826-3.845 1.476l-.036.018c-.059.031-.14.074-.237.074h-.002c-.118 0-.278-.065-.34-.189c-.064-.128-.017-.305.064-.398c.066-.075.152-.121.22-.158l.038-.02a18.3 18.3 0 0 1 3.913-1.63l-.07-.179c-.101-.26-.205-.53-.32-.789c-.148-.333-.317-.666-.48-.988l-.084-.167c-.054-.107-.109-.248-.055-.388a.34.34 0 0 1 .205-.192c.175-.064.436.065.511.214c.415.816.77 1.546 1.087 2.23l.029.056l.047-.008a9 9 0 0 1 2.342-.229a10 10 0 0 0 .886-1.91c-.545-.699-1.194-1.231-1.98-1.358zm2.428-2.827a8 8 0 0 0-.098-.649q-.046-.24-.096-.478c-.036-.171-.066-.344-.109-.514a9.2 9.2 0 0 0-1.158-2.73a9 9 0 0 0-.867-1.165a10 10 0 0 0-1.026-1.015a10.2 10.2 0 0 0-5.943-2.409a10 10 0 0 0-1.47.013a9.8 9.8 0 0 0-2.922.716a9 9 0 0 0-.709.33q-.164.085-.325.175a10.1 10.1 0 0 0-5.017 7.83c-.05.942.017 1.886.194 2.813h-.001s.191 1.124.298 1.334c.526 1.989 1.443 3.744 2.648 3.419a.167.167 0 0 0 .111-.208q-.003-.011-.008-.021a.95.95 0 0 1-.523-.377c-.666-1.117 2.723-3.509 7.351-5.269c4.252-1.619 8.091-2.144 8.965-1.285c.173.141.24.376.168.588a3.03 3.03 0 0 1-.934 1.43a.19.19 0 0 0 0 .269a.18.18 0 0 0 .244.011a3.54 3.54 0 0 0 1.17-1.682c.028-.085.034-.187.045-.276a3.8 3.8 0 0 0 .011-.851zM6.253 14.668c-.566.402-1.553 1.122-1.967 1.925c-.161.31-.312.069-.406-.107a10 10 0 0 1-.541-1.518l-.001-.003c-.066-.241-.282-1.04-.303-1.277l.001-.001a10.8 10.8 0 0 1-.187-2.638a9.35 9.35 0 0 1 4.635-7.227a10 10 0 0 1 .715-.362c.236-.107 1.191-.463.246.375a8.4 8.4 0 0 0-2.727 5.482c-.092 1.076.221 3.091.773 4.57c.173.463.031.592-.238.782zM17.46 9.7a.44.44 0 0 1-.296.193c-1.068.149-2.12.398-3.14.745a.45.45 0 0 1-.356-.044a.44.44 0 0 1-.203-.295l-.08-.369a.2.2 0 0 1 .114-.227a12.6 12.6 0 0 1 3.736-.863a.19.19 0 0 1 .198.157l.084.354c.03.119.01.246-.057.349m2.032-1.876a.166.166 0 0 1-.183.106c-2.948-.438-7.069 1.073-7.069 1.073a17.7 17.7 0 0 0-4.049 1.912a.493.493 0 0 1-.754-.319a8 8 0 0 1-.131-1.14a5.8 5.8 0 0 1 .575-3.012q.04-.078.087-.154a.1.1 0 0 1 .018-.037l.015-.025l.035-.06l.017-.027c1.429-2.34 4.636-3.273 7.197-2.511a7.43 7.43 0 0 1 3.335 2.123c.141.165 1.09 1.485.907 2.071m-1.533-1.599l-.002.005a4 4 0 0 0-1.907-1.67a5.84 5.84 0 0 0-2.824-.43a3.8 3.8 0 0 0-1 .22a.14.14 0 0 0-.097.148a.135.135 0 0 0 .132.117a8.3 8.3 0 0 1 2.177.058c2.651.53 3.5 1.806 3.593 1.856c.027.013.058-.013.045-.039a3 3 0 0 0-.117-.265"/></svg>

Alternativeto アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Simple Icons をすべて見る →