Brave Origin アイコン
thesvg-color:brave-origin
Brave Origin アイコン(thesvg-color:brave-origin)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- braveorigin
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVG1fzibeaH)" d="M0 9.366c0-3.278 0-4.918.638-6.17A5.85 5.85 0 0 1 3.196.638C4.448 0 6.088 0 9.366 0h5.268c3.279 0 4.918 0 6.17.638a5.85 5.85 0 0 1 2.558 2.558C24 4.448 24 6.088 24 9.366v5.268c0 3.279 0 4.918-.638 6.17a5.85 5.85 0 0 1-2.558 2.558c-1.252.638-2.891.638-6.17.638H9.366c-3.278 0-4.918 0-6.17-.638a5.85 5.85 0 0 1-2.558-2.558C0 19.552 0 17.913 0 14.634z"/><path fill="#fff" d="M17.892 2.907c-.91.18-2.814.485-3.162.525h-.017c-.185-.04-.601-.187-.876-.282q-.21-.075-.405-.141c-.696-.237-1.213-.277-1.398-.282h-.09c-.186 0-.702.045-1.399.282c-.135.045-.27.095-.404.14c-.281.096-.691.243-.876.283h-.017c-.349-.04-1.517-.254-2.455-.435l-.69-.135l-.445.547C2.586 7.211 2.586 8.03 2.586 8.373c0 1.105.545 1.652.876 1.974l.017.017l.135.135l2.112 2.29l.04.04l.033.034l-.017.04c-.225.546-.69 1.68-.062 2.876c.393.756 1.023 1.37 1.674 1.652l.045.017v.051s-.006.045-.006.068c-.01.49.236.964.669 1.28c.213.158 2.207 1.743 2.404 1.912l.073.068c.314.288.792.728 1.427.728c.634 0 1.112-.44 1.426-.728l.073-.068c.191-.169 2.191-1.754 2.404-1.912c.427-.31.68-.79.663-1.274v-.113l.04-.017c.651-.282 1.28-.903 1.673-1.653c.63-1.201.163-2.335-.061-2.882l-.017-.04l.034-.034l.027-.028l.012-.017l2.106-2.29c.045-.045.084-.09.13-.13l.022-.022c.326-.327.876-.869.876-1.974c0-.35 0-1.162-3.078-4.964l-.416-.502zm-2.651 15.05c-.146.106-2.28 1.793-2.494 1.985l-.084.073c-.214.197-.472.44-.68.44s-.472-.243-.68-.434l-.084-.08a122 122 0 0 0-2.494-1.985c-.123-.09-.241-.254-.196-.406l.01-.034l.035-.011c1.893-.677 2.87-1.422 3.364-1.93l.05-.05l.051.05c.489.508 1.472 1.253 3.365 1.93l.034.011l.01.034c.04.147-.072.316-.196.406zm5.044-9.584c0 .643-.253.897-.545 1.19c-.062.056-.118.118-.18.186l-1.224 1.331c-.416.451-.792.863-.887.96l-.057.061l-.01.011c-.22.226-.49.502-.287.993l.045.107c.247.587.55 1.315.157 2.06c-.365.693-.994 1.223-1.472 1.234h-.017c-1.381-.507-2.92-1.325-3.269-2.013v-.023l-.005-1.382l2.117-.609l-.309-3.469a.81.81 0 0 1 .64-.869l2.326-.44l-.663-.958l-3.516.688l.382 4.253l-1.421.406h-.011l-1.59-.418v-.056l.382-4.185l-3.516-.688l-.663.959l2.32.44c.404.084.68.456.64.868l-.314 3.48l2.123.553v1.45c-.354.682-1.893 1.5-3.27 2.008H8.17c-.483-.006-1.112-.536-1.477-1.23c-.393-.744-.09-1.478.157-2.059l.045-.107c.202-.485-.067-.767-.286-.993l-.012-.01s-.039-.046-.061-.063L4.423 9.75c-.062-.068-.124-.124-.18-.186c-.292-.293-.545-.547-.545-1.19c0-.767 2.713-4.123 2.831-4.264l.028-.034l.05.01c.242.046 2.382.463 2.674.463c.242 0 .725-.169 1.242-.35l.022-.01c.124-.046.247-.085.37-.13c.585-.198 1-.22 1.074-.226h.022c.079 0 .489.023 1.079.226l.393.135c.511.18.994.35 1.241.35c.292 0 2.427-.412 2.674-.463l.05-.011l.029.034c.118.14 2.83 3.497 2.83 4.264z"/><defs><linearGradient id="SVG1fzibeaH" x1="12" x2="12" y1="0" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#1c1c1d"/><stop offset="1"/></linearGradient></defs></g></svg>Brave Origin アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:brave-origin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:brave-origin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:brave-origin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--brave-origin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:brave-origin"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:brave-origin"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/brave-origin.svg" alt="Brave Origin アイコン" width="24" height="24">theSVG Color の関連アイコン
Brave Origin アイコン のよくある質問
Brave Origin アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Brave Origin アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:brave-origin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Brave Origin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/brave-origin.svg" alt="Brave Origin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。