california flag emoji
california-flag from OpenMoji by OpenMoji · Default · Extras Unicode · CC-BY-SA-4.0 Attribution required.
- Name
- california-flag
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Unicode
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
More extras unicode icons from OpenMoji
alabama-flagandalusia-flaganticlockwise-triangle-headed-top-u-shaped-arrowaragon-flagasturian-flagbalearic-islands-flagbari-flagbasque-flagbavaria-flagberlin-flagblack-chess-bishopblack-chess-kingblack-chess-knightblack-chess-queenblack-chess-rookblack-hexagonblack-large-circleblack-octagonblack-pentagonblack-rectangleblack-starblack-vertical-ellipseblack-vertical-rectangleboys-symbol
Use the california flag emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M67 17H5.32v37.804H67z"/><g fill="#5c9e31"><path fill-rule="evenodd" d="M50.977 40H21.023c4.408-.636 9.522-1 14.977-1s10.57.364 14.977 1" clip-rule="evenodd"/><path d="M50.977 40v1a1 1 0 0 0 .143-1.99zm-29.954 0l-.142-.99a1 1 0 0 0 .142 1.99zm29.954-1H21.023v2h29.954zM36 38c-5.497 0-10.66.367-15.12 1.01l.286 1.98C25.521 40.36 30.588 40 36 40zm15.12 1.01C46.66 38.367 41.497 38 36 38v2c5.412 0 10.479.361 14.834.99z"/></g><path fill="#ea5a47" d="M5 48h62v7H5z"/><path fill="#ea5a47" stroke="#ea5a47" stroke-linejoin="round" d="m16.5 23l.561 1.727h1.817l-1.47 1.068l.561 1.727l-1.469-1.067l-1.47 1.068l.562-1.728l-1.47-1.068h1.817z"/><path fill="#a57939" stroke="#a57939" stroke-linejoin="round" d="m25.5 32.5l-2 1.5l.5.5l.827-.05v1c3.58 0 2.943-2.618 5.673-1.45c0 0-1.085 4.105-3.527 4.432l.006.63c1.172 0 .328-.022 1.5-.022c2.055-1.288 3.654-2.478 5.021-4.04c.693 2.12 3.358 2.12 1.5 3.5h1.757s.184-.172.502-.61c.317-.438-1.297-2.92-1.297-2.92s2.538.53 3.538.03c-.796 1.963 1.982 3.222-1 3.6l.5.4h1.5s1.816-2.203 2.132-3.55c.55 2.895 5.15 1.24 2.368 3.55h1l1.5-1c-1.92-2-1.533-9.477-7.031-9.477c-2.5 0-2.969.477-3.969.477S33 28 32 28s-4.151 1.86-4.5 2s-1.173.541-1.173.541c-.5 0-1.5 1.5-1.5 1.5z"/><path fill="none" stroke="#a57939" stroke-linecap="round" stroke-width="3" d="M40.5 44.5H53m-34 0h16.5"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M67 17H5v38h62z"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiCaliforniaFlag(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M67 17H5.32v37.804H67z"/><g fill="#5c9e31"><path fillRule="evenodd" d="M50.977 40H21.023c4.408-.636 9.522-1 14.977-1s10.57.364 14.977 1" clipRule="evenodd"/><path d="M50.977 40v1a1 1 0 0 0 .143-1.99zm-29.954 0l-.142-.99a1 1 0 0 0 .142 1.99zm29.954-1H21.023v2h29.954zM36 38c-5.497 0-10.66.367-15.12 1.01l.286 1.98C25.521 40.36 30.588 40 36 40zm15.12 1.01C46.66 38.367 41.497 38 36 38v2c5.412 0 10.479.361 14.834.99z"/></g><path fill="#ea5a47" d="M5 48h62v7H5z"/><path fill="#ea5a47" stroke="#ea5a47" strokeLinejoin="round" d="m16.5 23l.561 1.727h1.817l-1.47 1.068l.561 1.727l-1.469-1.067l-1.47 1.068l.562-1.728l-1.47-1.068h1.817z"/><path fill="#a57939" stroke="#a57939" strokeLinejoin="round" d="m25.5 32.5l-2 1.5l.5.5l.827-.05v1c3.58 0 2.943-2.618 5.673-1.45c0 0-1.085 4.105-3.527 4.432l.006.63c1.172 0 .328-.022 1.5-.022c2.055-1.288 3.654-2.478 5.021-4.04c.693 2.12 3.358 2.12 1.5 3.5h1.757s.184-.172.502-.61c.317-.438-1.297-2.92-1.297-2.92s2.538.53 3.538.03c-.796 1.963 1.982 3.222-1 3.6l.5.4h1.5s1.816-2.203 2.132-3.55c.55 2.895 5.15 1.24 2.368 3.55h1l1.5-1c-1.92-2-1.533-9.477-7.031-9.477c-2.5 0-2.969.477-3.969.477S33 28 32 28s-4.151 1.86-4.5 2s-1.173.541-1.173.541c-.5 0-1.5 1.5-1.5 1.5z"/><path fill="none" stroke="#a57939" strokeLinecap="round" strokeWidth="3" d="M40.5 44.5H53m-34 0h16.5"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M67 17H5v38h62z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M67 17H5.32v37.804H67z"/><g fill="#5c9e31"><path fill-rule="evenodd" d="M50.977 40H21.023c4.408-.636 9.522-1 14.977-1s10.57.364 14.977 1" clip-rule="evenodd"/><path d="M50.977 40v1a1 1 0 0 0 .143-1.99zm-29.954 0l-.142-.99a1 1 0 0 0 .142 1.99zm29.954-1H21.023v2h29.954zM36 38c-5.497 0-10.66.367-15.12 1.01l.286 1.98C25.521 40.36 30.588 40 36 40zm15.12 1.01C46.66 38.367 41.497 38 36 38v2c5.412 0 10.479.361 14.834.99z"/></g><path fill="#ea5a47" d="M5 48h62v7H5z"/><path fill="#ea5a47" stroke="#ea5a47" stroke-linejoin="round" d="m16.5 23l.561 1.727h1.817l-1.47 1.068l.561 1.727l-1.469-1.067l-1.47 1.068l.562-1.728l-1.47-1.068h1.817z"/><path fill="#a57939" stroke="#a57939" stroke-linejoin="round" d="m25.5 32.5l-2 1.5l.5.5l.827-.05v1c3.58 0 2.943-2.618 5.673-1.45c0 0-1.085 4.105-3.527 4.432l.006.63c1.172 0 .328-.022 1.5-.022c2.055-1.288 3.654-2.478 5.021-4.04c.693 2.12 3.358 2.12 1.5 3.5h1.757s.184-.172.502-.61c.317-.438-1.297-2.92-1.297-2.92s2.538.53 3.538.03c-.796 1.963 1.982 3.222-1 3.6l.5.4h1.5s1.816-2.203 2.132-3.55c.55 2.895 5.15 1.24 2.368 3.55h1l1.5-1c-1.92-2-1.533-9.477-7.031-9.477c-2.5 0-2.969.477-3.969.477S33 28 32 28s-4.151 1.86-4.5 2s-1.173.541-1.173.541c-.5 0-1.5 1.5-1.5 1.5z"/><path fill="none" stroke="#a57939" stroke-linecap="round" stroke-width="3" d="M40.5 44.5H53m-34 0h16.5"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M67 17H5v38h62z"/></svg> </template>
CSS
.icon-california-flag {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M67%2017H5.32v37.804H67z%22%2F%3E%3Cg%20fill%3D%22%235c9e31%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M50.977%2040H21.023c4.408-.636%209.522-1%2014.977-1s10.57.364%2014.977%201%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M50.977%2040v1a1%201%200%200%200%20.143-1.99zm-29.954%200l-.142-.99a1%201%200%200%200%20.142%201.99zm29.954-1H21.023v2h29.954zM36%2038c-5.497%200-10.66.367-15.12%201.01l.286%201.98C25.521%2040.36%2030.588%2040%2036%2040zm15.12%201.01C46.66%2038.367%2041.497%2038%2036%2038v2c5.412%200%2010.479.361%2014.834.99z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M5%2048h62v7H5z%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20stroke%3D%22%23ea5a47%22%20stroke-linejoin%3D%22round%22%20d%3D%22m16.5%2023l.561%201.727h1.817l-1.47%201.068l.561%201.727l-1.469-1.067l-1.47%201.068l.562-1.728l-1.47-1.068h1.817z%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20stroke%3D%22%23a57939%22%20stroke-linejoin%3D%22round%22%20d%3D%22m25.5%2032.5l-2%201.5l.5.5l.827-.05v1c3.58%200%202.943-2.618%205.673-1.45c0%200-1.085%204.105-3.527%204.432l.006.63c1.172%200%20.328-.022%201.5-.022c2.055-1.288%203.654-2.478%205.021-4.04c.693%202.12%203.358%202.12%201.5%203.5h1.757s.184-.172.502-.61c.317-.438-1.297-2.92-1.297-2.92s2.538.53%203.538.03c-.796%201.963%201.982%203.222-1%203.6l.5.4h1.5s1.816-2.203%202.132-3.55c.55%202.895%205.15%201.24%202.368%203.55h1l1.5-1c-1.92-2-1.533-9.477-7.031-9.477c-2.5%200-2.969.477-3.969.477S33%2028%2032%2028s-4.151%201.86-4.5%202s-1.173.541-1.173.541c-.5%200-1.5%201.5-1.5%201.5z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23a57939%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223%22%20d%3D%22M40.5%2044.5H53m-34%200h16.5%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M67%2017H5v38h62z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M67%2017H5.32v37.804H67z%22%2F%3E%3Cg%20fill%3D%22%235c9e31%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M50.977%2040H21.023c4.408-.636%209.522-1%2014.977-1s10.57.364%2014.977%201%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M50.977%2040v1a1%201%200%200%200%20.143-1.99zm-29.954%200l-.142-.99a1%201%200%200%200%20.142%201.99zm29.954-1H21.023v2h29.954zM36%2038c-5.497%200-10.66.367-15.12%201.01l.286%201.98C25.521%2040.36%2030.588%2040%2036%2040zm15.12%201.01C46.66%2038.367%2041.497%2038%2036%2038v2c5.412%200%2010.479.361%2014.834.99z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M5%2048h62v7H5z%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20stroke%3D%22%23ea5a47%22%20stroke-linejoin%3D%22round%22%20d%3D%22m16.5%2023l.561%201.727h1.817l-1.47%201.068l.561%201.727l-1.469-1.067l-1.47%201.068l.562-1.728l-1.47-1.068h1.817z%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20stroke%3D%22%23a57939%22%20stroke-linejoin%3D%22round%22%20d%3D%22m25.5%2032.5l-2%201.5l.5.5l.827-.05v1c3.58%200%202.943-2.618%205.673-1.45c0%200-1.085%204.105-3.527%204.432l.006.63c1.172%200%20.328-.022%201.5-.022c2.055-1.288%203.654-2.478%205.021-4.04c.693%202.12%203.358%202.12%201.5%203.5h1.757s.184-.172.502-.61c.317-.438-1.297-2.92-1.297-2.92s2.538.53%203.538.03c-.796%201.963%201.982%203.222-1%203.6l.5.4h1.5s1.816-2.203%202.132-3.55c.55%202.895%205.15%201.24%202.368%203.55h1l1.5-1c-1.92-2-1.533-9.477-7.031-9.477c-2.5%200-2.969.477-3.969.477S33%2028%2032%2028s-4.151%201.86-4.5%202s-1.173.541-1.173.541c-.5%200-1.5%201.5-1.5%201.5z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23a57939%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223%22%20d%3D%22M40.5%2044.5H53m-34%200h16.5%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M67%2017H5v38h62z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/california-flag.svg?color=%231a73e8&size=48
