Bbc News アイコン

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

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

cbi:bbc-news

Bbc News アイコン(cbi:bbc-news)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンスを採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Custom Brand Icons
作者: Emanuele & rchiileea
ライセンス: CC-BY-NC-SA-4.0
サイズ: 24 × 24
タグ: bbcnews、new

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 5.598v5.647h5.647V5.598ZM5.937 9.58a.94.94 0 0 1-.409.314a1.7 1.7 0 0 1-.641.109H3.613V6.834h1.191q.527 0 .813.211c.286.211.288.346.288.608a.7.7 0 0 1-.102.391a.7.7 0 0 1-.307.262c.172.051.32.154.428.295c.103.14.154.313.148.492a.77.77 0 0 1-.135.487m-.806-1.549a.38.38 0 0 0 .134-.308q-.002-.375-.512-.377h-.487v.787h.487a.56.56 0 0 0 .378-.102m-.301.608h-.57v.858h.563q.289-.002.442-.109c.153-.107.16-.186.154-.314q-.002-.443-.589-.435m4.225-3.041v5.647h5.647V5.598Zm3.937 3.982a.94.94 0 0 1-.409.314a1.7 1.7 0 0 1-.647.109h-1.268V6.834h1.191c.352 0 .621.07.82.211q.288.213.288.608a.7.7 0 0 1-.103.391a.7.7 0 0 1-.307.262c.173.051.32.154.429.295c.102.14.154.313.147.492a.8.8 0 0 1-.141.487m-.806-1.549a.38.38 0 0 0 .134-.308q-.002-.375-.512-.377h-.487v.787h.487a.56.56 0 0 0 .378-.102m-.301.608h-.57v.858h.563q.288-.002.442-.109c.154-.107.16-.186.154-.314c0-.294-.192-.441-.589-.435m4.225 2.606h5.647V5.598H16.11Zm4.053-1.441a2 2 0 0 1-.455.173a2.3 2.3 0 0 1-.544.064a1.9 1.9 0 0 1-.685-.109a1.5 1.5 0 0 1-.519-.32a1.4 1.4 0 0 1-.32-.512a2 2 0 0 1-.115-.679a1.8 1.8 0 0 1 .115-.666a1.5 1.5 0 0 1 .333-.512c.154-.147.333-.256.525-.326c.218-.077.455-.115.685-.115q.25.002.499.051c.154.032.301.089.436.16v.621a1.5 1.5 0 0 0-.852-.25a1.2 1.2 0 0 0-.557.122a.82.82 0 0 0-.352.352a1.13 1.13 0 0 0-.121.563c-.007.192.032.391.121.564a.8.8 0 0 0 .346.352c.173.083.358.128.551.121c.32 0 .633-.089.909-.256ZM8.325 17.416h2.465v.884H7.262v-4.943h3.4v.884H8.325v1.075h2.074v.884H8.325Zm8.483-4.059h1.14q-.289 1.249-.615 2.497q-.325 1.227-.679 2.446h-1.126a150 150 0 0 1-.897-3.342q-.413 1.68-.883 3.342h-1.127q-.354-1.218-.679-2.446q-.326-1.239-.614-2.497h1.159q.172.961.364 1.921q.191.958.41 1.888q.463-1.794.877-3.597h1.037q.412 1.764.871 3.521c.141-.615.275-1.236.403-1.851c.128-.627.244-1.254.359-1.882M22 16.846q-.002.492-.243.839c-.241.347-.397.41-.698.531a3 3 0 0 1-1.101.186a3.8 3.8 0 0 1-.807-.09a3 3 0 0 1-.762-.281v-.954a2.96 2.96 0 0 0 1.569.448q.468.002.717-.16a.5.5 0 0 0 .243-.442c0-.141-.038-.256-.122-.333a.8.8 0 0 0-.32-.192a5 5 0 0 0-.448-.134a5 5 0 0 1-.717-.224a2.1 2.1 0 0 1-.525-.295a1.1 1.1 0 0 1-.326-.41a1.3 1.3 0 0 1-.109-.569q-.001-.471.237-.807a1.5 1.5 0 0 1 .672-.519a2.7 2.7 0 0 1 1.037-.185q.393.002.775.089q.357.08.685.244v.941a2.7 2.7 0 0 0-.685-.288a2.8 2.8 0 0 0-.769-.103q-.422.002-.653.148a.46.46 0 0 0-.23.416a.4.4 0 0 0 .109.307a.9.9 0 0 0 .314.186a4 4 0 0 0 .48.14c.237.058.454.129.653.199c.192.064.371.16.537.275c.154.109.276.256.359.423q.126.24.128.614M6.283 13.357V18.3H5.207a215 215 0 0 0-1.088-1.729c-.358-.563-.723-1.127-1.088-1.684V18.3H2v-4.943h1.076q.555.834 1.101 1.678c.546.844.723 1.133 1.082 1.703v-3.381Z"/></svg>

Bbc News アイコンの使い方

React

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

<Icon icon="cbi:bbc-news" width="24" />

Vue

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

<template>
  <Icon icon="cbi:bbc-news" width="24" />
</template>

Svelte

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

<Icon icon="cbi:bbc-news" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--bbc-news]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:bbc-news"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:bbc-news"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/bbc-news.svg" alt="Bbc News アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

他のアイコンセットの Bbc News アイコン

Bbc News アイコンのよくある質問

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

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンスを採用しており、作者の個別の許可なしに商用利用することはできません。

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

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

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

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

Custom Brand Icons をすべて見る →