Strider アイコン
logos:strider
Strider アイコン(logos:strider)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#006eaf" d="m20.64 58.432l101.216 55.232l3.072-58.368L93.632 4.8c-30.395 8.47-56.22 27.797-72.992 53.632M165.504 5.6l-33.408 49.696l1.024 62.464l103.36-57.472C220.31 34.435 195.26 14.712 165.504 5.6"/><path fill="#00a7e1" d="m60.032 236.32l62.848-102.176l-102.272-75.68C7.615 78.492 0 102.348 0 128c0 45.69 24.012 85.671 60.032 108.32M236.48 60.288l-103.36 73.856l63.904 101.504C232.454 212.884 256 173.242 256 128c0-24.886-7.2-48.06-19.488-67.712c-.003-.005-.03.005-.032 0"/><path fill="#5bc9ec" d="m129.024 255.936l-6.144-100.288l-62.816 80.672C79.77 248.705 103.008 256 128 256c.346 0 .679-.061 1.024-.064m68-20.288L132.096 153.6l-3.072 102.336c25.058-.199 48.34-7.656 68-20.288"/><path fill="#fff" d="m165.504 5.6l-36.48 43.552l-35.36-44.384c-.012.003-.02.029-.032.032l31.296 50.496l-3.072 58.368L20.64 58.432c-.008.012-.024.02-.032.032l102.272 75.68L60.032 236.32c.008.005.024-.005.032 0l62.816-80.672l6.144 100.288l3.072-102.336l64.928 82.048l-63.904-101.504l103.36-73.856l-103.36 57.472l-1.024-62.464z"/><path fill="#013a78" d="M128 0c-11.916 0-23.391 1.722-34.336 4.768l35.36 44.384L165.504 5.6A127.8 127.8 0 0 0 128 0"/></svg>Strider アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:strider" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:strider" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:strider" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--strider]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:strider"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:strider"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/strider.svg" alt="Strider アイコン" width="24" height="24">Strider アイコン のよくある質問
Strider アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Strider アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:strider" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Strider アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/strider.svg" alt="Strider アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。