Opera アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:opera

Opera アイコン(selfhst:opera)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGShl4jezC" x1="-16125.998" x2="-16125.998" y1="51415.805" y2="61753.363" gradientTransform="translate(-471.666 -236.133)scale(.0023)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#ff1b2d"/><stop offset=".438" stop-color="#fa1a2c"/><stop offset=".594" stop-color="#ed1528"/><stop offset=".758" stop-color="#d60e21"/><stop offset=".927" stop-color="#b70519"/><stop offset="1" stop-color="#a70014"/></linearGradient><path fill="url(#SVGShl4jezC)" d="M171.7 400.3c-28.3-33.4-46.6-82.8-47.9-138.2V250c1.2-55.4 19.6-104.8 47.9-138.2C208.5 64.1 263 33.9 324 33.9c37.5 0 72.6 11.5 102.6 31.4C381.5 24.8 322.2.3 257 0h-1C114.6 0 0 114.6 0 256c0 137.3 108.1 249.3 243.8 255.7c4 .2 8.1.3 12.2.3c65.5 0 125.3-24.6 170.6-65.1c-30 19.9-65.1 31.3-102.6 31.3c-60.9 0-115.5-30.2-152.3-77.9"/><linearGradient id="SVGusnT2JIt" x1="-16126.001" x2="-16126.001" y1="64109.582" y2="73252.563" gradientTransform="translate(-471.666 -236.133)scale(.0023)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9c0000"/><stop offset=".7" stop-color="#ff4b4b"/></linearGradient><path fill="url(#SVGusnT2JIt)" d="M171.7 111.7c23.5-27.7 53.8-44.4 87-44.4c74.5 0 134.9 84.5 134.9 188.7s-60.4 188.7-134.9 188.7c-33.1 0-63.5-16.7-87-44.4C208.5 448 263 478.2 324 478.2c37.5 0 72.6-11.5 102.6-31.3C479 400 512 331.8 512 256s-33-144-85.4-190.8c-30-19.9-65.1-31.4-102.6-31.4c-60.9 0-115.5 30.3-152.3 77.9"/></svg>

Opera アイコンの使い方

React

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

<Icon icon="selfhst:opera" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:opera" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:opera" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--opera]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:opera"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/opera.svg" alt="Opera アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

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

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

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →