Breaker アイコン
simple-icons:breaker
Breaker アイコン(simple-icons:breaker)は、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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.556 12.924c.21 0 .386.017.585.056a3.02 3.02 0 0 1 2.246 1.956c.101.319.234.797.319 1.125l.111.433l.446-.009c3.552-.075 6.456-2.965 6.456-6.546C23.72 4.513 19.195 0 12.281 0a12.2 12.2 0 0 0-7.603 2.715a11.98 11.98 0 0 0-4.397 9.286c.002.96.118 1.926.334 2.818a12.02 12.02 0 0 0 5.759 7.628A12.2 12.2 0 0 0 12.283 24a12 12 0 0 0 9.319-4.438l.124-.152l-.24-.868l-.463.122a17.2 17.2 0 0 1-4.463.576c-1.243 0-2.428-.128-3.598-.375a3 3 0 0 1-2.248-1.98a2.8 2.8 0 0 1-.156-.958c-.011-.782.257-1.425.741-1.975a2.98 2.98 0 0 1 2.257-1.028M12.281 1.125c6.398 0 10.313 4.11 10.313 8.813c0 2.811-2.168 5.119-4.919 5.397a23 23 0 0 0-.219-.746C15.715 9.132 11.567 4.907 6.23 2.957c1.735-1.177 3.78-1.839 6.051-1.832M1.405 12.001c0-3.283 1.455-6.227 3.756-8.223c4.377 1.403 7.964 4.397 10.058 8.371a4 4 0 0 0-.859-.272a19 19 0 0 0-3.807-.394c-3.24.006-6.345.859-9.001 2.325a11 11 0 0 1-.147-1.807m11.324 7.966c1.224.257 2.526.398 3.829.398c.996 0 1.986-.083 2.948-.234a10.83 10.83 0 0 1-5.519 2.614a17 17 0 0 1-2.072-3.032q.389.165.814.254m-.084 2.904q-.18.006-.364.006a10.6 10.6 0 0 1-4.994-1.209a17.1 17.1 0 0 1 2.171-5.277c.034.294.099.587.186.848a18.8 18.8 0 0 0 3.001 5.632m-2.192-9.664a18.8 18.8 0 0 0-4.176 7.864a10.9 10.9 0 0 1-4.467-6.117a17.1 17.1 0 0 1 8.744-2.346q.27 0 .536.008a4 4 0 0 0-.637.591"/></svg>Breaker アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:breaker" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:breaker" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:breaker" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--breaker]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:breaker"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:breaker"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/breaker.svg" alt="Breaker アイコン" width="24" height="24">他のアイコンセットの Breaker アイコン
Breaker アイコン のよくある質問
Breaker アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Breaker アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:breaker" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Breaker アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/breaker.svg" alt="Breaker アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。